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 像素。
因此,将在图标周围添加填充以创建与此大小完全相同的
2021-06-09 13:04:01
1.09MB
Menu
1