React 的动画汉堡菜单图标 (1.5 KB) :hamburger:

‌‌ 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 像素。 因此，将在图标周围添加填充以创建与此大小完全相同的