适用于 Preact 的 Lucide

Lucide 提供了一个 Preact 图标组件库，使得将图标集成到您的 Preact 应用程序中变得轻而易举。 每个图标都可作为独立的 Preact 组件使用，从而实现无缝集成和定制。

功能列表：

• 易于使用：将图标作为 Preact 组件导入，并在您的 Preact 组件中通过 JSX 直接使用。
• 可定制：通过 props 调整大小、颜色和其他属性。
• 支持 Tree-shaking：只有您使用的图标才会包含在最终打包文件中
• TypeScript 支持：完全类型化的组件，提供更好的开发者体验。

概览

开始使用了解如何开始使用 Preact 版 Lucide。从 v0 迁移了解如何将 Lucide 从 v0 迁移到 v1。

基础

颜色调整图标颜色尺寸调整图标尺寸描边宽度调整图标的描边宽度

高级

TypeScript所有导出类型及其用法无障碍让你的图标更易访问全局样式为所有图标应用全局样式使用 Lucide Lab将 lucide-lab 与 lucide-preact 一起使用填充图标在 lucide-preact 中使用填充图标别名名称使用别名图标名称组合图标将多个图标组合成一个

资源

深入了解无障碍无障碍最佳实践VS CodeVS Code 与 Lucide