一个简单的钩子,用于在 React 中创建完全可访问的下拉菜单

时间:2021-06-08 15:30:10
【文件属性】:
文件名称:一个简单的钩子,用于在 React 中创建完全可访问的下拉菜单
文件大小:538KB
文件格式:ZIP
更新时间:2021-06-08 15:30:10
Menu React Accessible Dropdown Menu Hook 这个 Hook 在构建下拉菜单、下拉按钮等时处理所有可访问性逻辑,并让设计完全由您决定。 当您在菜单外部单击时,它还处理关闭菜单的逻辑。 :wheelchair_symbol: 完全可访问 :package: 完全用 TypeScript 编写 :microscope: 经过彻底测试 :high_voltage: 零依赖 :sparkles: 小尺寸 快速入门 使用 Yarn 或 npm 安装: yarn add react-accessible-dropdown-menu-hook npm install react-accessible-dropdown-menu-hook 导入 Hook :从'react-accessible-dropdown-menu-hook'导入useDropdownMenu; 调用 Hook,告诉它你的菜单有多少项: const { buttonProps, itemProps, isOpen, setIsOpen } = useDropdownMenu(numberOfItems)
【文件预览】:
react-accessible-dropdown-menu-hook-master
----.eslintrc.json(39B)
----tsconfig.build.json(180B)
----.github()
--------pull_request_template.md(128B)
--------workflows()
----yarn.lock(218KB)
----.prettierignore(50B)
----src()
--------use-dropdown-menu.test.tsx(12KB)
--------use-dropdown-menu.ts(6KB)
----jest-setup.ts(36B)
----website()
--------.eslintrc.json(201B)
--------docusaurus.config.js(2KB)
--------yarn.lock(434KB)
--------src()
--------babel.config.js(88B)
--------sidebars.js(199B)
--------tsconfig.json(197B)
--------README.md(745B)
--------docs()
--------.gitignore(233B)
--------package.json(1KB)
--------static()
----.prettierrc.json(113B)
----CONTRIBUTING.md(5KB)
----tsconfig.base.json(384B)
----tsconfig.json(110B)
----LICENSE(1KB)
----README.md(3KB)
----jest.config.ts(465B)
----.gitignore(87B)
----.eslintignore(91B)
----package.json(2KB)
----test-projects()
--------.eslintrc.json(40B)
--------browser()
----eslint.base.json(873B)

网友评论