文件名称：React 的动画汉堡菜单图标 (1.5 KB) :hamburger:
文件大小：1.09MB
文件格式：ZIP
更新时间：2024-06-28 09:17:08
Menu
React 的动画汉堡菜单图标 React 的汉堡菜单图标，带有 CSS 驱动的转换。 旨在尽可能优雅和高性能。 这意味着没有 JavaScript 动画，没有非廉价属性的过渡和小尺寸。 安装 npm install hamburger-react 大小当使用一个汉堡包时，大约 1.5 KB 将被添加到您的包中 (min + gzip)。 用法 访问网站以获取完整的文档、API 和示例。 一个基本的实现如下： import Hamburger from 'hamburger-react' const [isOpen, setOpen] = useState(false) 或者不提供您自己的状态： ...} /> 又一个汉堡包库？ 是的。 自 2015 年创建这些汉堡以来，出现了许多类似的汉堡，但存在以下一个或多个缺点： 感觉不自然的动画 昂贵属性的转换（生涩的动画） 没有 React 支持 大小（除了 React 或没有摇树） 不可定制，或太可定制（没有合理的默认值） 做太多辅助功能 建议点击/点击区域至少为 48x48 像素。 因此，将在图标周围添加填充以创建与此大小完全相同的
【文件预览】：
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(726B)
--------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)