文件名称:React 的可访问模态对话框组件
文件大小:317KB
文件格式:ZIP
更新时间:2024-06-28 09:24:14
Overlay
react-modal React.JS 的可访问模态对话框组件 目录 安装 API 文档 示例 Demos 安装 安装可以使用 npm 或 yarn: $ npm install --save react-modal $ yarn add react-modal API 文档 初级文档react-modal 是参考书,它描述了 API 并给出了它的用法示例。 示例 这是一个在应用程序中使用 react-modal 的简单示例,在模态内容中具有一些自定义样式和可聚焦的输入元素: import React from 'react'; 从 'react-dom' 导入 ReactDOM; 从'react-modal'导入模态; const customStyles = { content : { top : '50%', left : '50%', right : 'auto', bottom : 'auto', marginRight : '-50%', transform : 'translate(-50%, -50%)' } }; // 确保将 modal 绑定到您的 appElem
【文件预览】:
react-modal-master
----.travis.yml(134B)
----.babelrc(106B)
----docs()
--------pygments.css(5KB)
--------accessibility()
--------testing()
--------examples()
--------contributing()
--------styles()
--------index.md(6KB)
----specs()
--------index.js(435B)
--------Modal.events.spec.js(8KB)
--------Modal.spec.js(25KB)
--------helper.js(6KB)
--------Modal.style.spec.js(2KB)
--------Modal.helpers.spec.js(4KB)
--------Modal.testability.spec.js(443B)
----package.json(2KB)
----.github()
--------PULL_REQUEST_TEMPLATE.md(429B)
--------ISSUE_TEMPLATE.md(253B)
----mkdocs.yml(901B)
----LICENSE(1KB)
----package-lock.json(528KB)
----dist()
--------react-modal.min.js(41KB)
--------react-modal.js(41KB)
----CONTRIBUTING.md(1KB)
----src()
--------index.js(63B)
--------components()
--------helpers()
----.npmignore(248B)
----.eslintrc.js(1KB)
----examples()
--------bootstrap()
--------index.html(1KB)
--------basic()
--------base.css(362B)
----.gitignore(208B)
----UPGRADE_GUIDE.md(170B)
----CHANGELOG.md(41KB)
----Makefile(4KB)
----.log()
--------ti-16339.log(34KB)
--------ti-28128.log(29KB)
--------ti-88235.log(158KB)
--------ti-39437.log(46KB)
--------tsserver.log(752KB)
----karma.conf.js(1010B)
----README.md(4KB)
----scripts()
--------webpack.dist.config.js(994B)
--------repo_status(242B)
--------webpack.test.config.js(498B)
--------defaultConfig.js(418B)
--------changelog.py(3KB)
--------webpack.config.js(689B)
--------version(411B)
----bower.json(547B)