文件名称：hamburger-react:React的动画汉堡菜单图标（1.5 KB）:hamburger:
文件大小：1.09MB
文件格式：ZIP
更新时间：2024-05-20 10:40:30
react hamburger-menu hooks navigation reactjs
React的动画汉堡菜单图标 React的，带有CSS驱动的过渡。 创造得尽可能优雅和高性能。 这意味着没有JavaScript动画，没有非廉价属性的过渡，并且尺寸很小。 安装 npm install hamburger-react 尺寸 使用一个汉堡包时，〜1.5 KB将被添加到您的捆绑包中（最小+ gzip）。 用法 以获取完整的文档，API和示例。 基本实现如下所示： import Hamburger from 'hamburger-react' const [ isOpen , setOpen ] = useState ( false ) < Hamburger xss=removed xss=removed> 或不提供您自己的状态： < Hamburger xss=removed xss=removed> ... } /
【文件预览】：
hamburger-react-master
----docs()
--------colors.js(2KB)
--------package.json(630B)
--------.prettierrc(43B)
--------.prettierignore(45B)
--------package-lock.json(717KB)
--------static()
--------gatsby-config.js(100B)
--------src()
--------tsconfig.json(141B)
--------gatsby-browser.js(28B)
--------.gitignore(14B)
--------tailwind.config.js(461B)
--------styles()
--------postcss.config.js(281B)
--------gatsby-node.js(323B)
----package.json(2KB)
----readme.md(2KB)
----jest.config.js(84B)
----tests()
--------interaction.test.tsx(536B)
--------easing.test.tsx(482B)
--------size.test.tsx(401B)
--------general.test.tsx(2KB)
--------toggle.test.tsx(356B)
--------toggled.test.tsx(271B)
--------direction.test.tsx(543B)
--------color.test.tsx(441B)
--------duration.test.tsx(664B)
--------distance.test.tsx(1KB)
--------rounded.test.tsx(426B)
--------hideOutline.test.tsx(406B)
--------onToggle.test.tsx(710B)
--------jest.setup.ts(35B)
--------label.test.tsx(286B)
----package-lock.json(439KB)
----src()
--------Spiral.tsx(1KB)
--------Spin.tsx(2KB)
--------Tilt.tsx(2KB)
--------Pivot.tsx(2KB)
--------Fade.tsx(1KB)
--------Twirl.tsx(2KB)
--------Squeeze.tsx(2KB)
--------Turn.tsx(1KB)
--------Burger.tsx(2KB)
--------Squash.tsx(2KB)
--------Slant.tsx(1KB)
--------Divide.tsx(3KB)
--------Cross.tsx(1KB)
--------index.ts(2KB)
--------Rotate.tsx(1KB)
--------Sling.tsx(2KB)
----tsconfig.json(232B)
----license.md(1KB)
----.gitignore(30B)
----babel.config.js(419B)