Appearance
适用于 React 的 Lucide
🌐 Lucide for React
Lucide 提供了一个用于在你的应用中使用图标的 React 组件库。每个图标都作为独立的组件提供,可渲染经过优化的内联 SVG。
🌐 Lucide provides a React component library for using icons in your applications. Each icon is available as a standalone component that renders an optimized inline SVG.
功能列表:
🌐 List of features:
- 易于使用 – 导入图标并在 JSX 中直接使用它们。
- 可定制 – 通过属性调整大小、颜色、描边宽度及其他属性。
- 可树摇 – 只有你导入的图标会包含在最终的包中。
- TypeScript 支持 – 完全类型化的组件,提供更好的开发者体验。
概览
🌐 Overview
入门Learn how to get started with Lucide for React.从 v0 迁移Learn how to migrate from v0 to v1 of Lucide.从 React Feather 迁移Learn how to migrate from `react-feather` to `lucide-react`
基础知识
🌐 Basics
颜色Adjust the color of your icons尺寸Adjust the size of your icons描边宽度Adjust the stroke width of your icons
高级
🌐 Advanced
类型脚本All exported types and how to use them无障碍Making your icons accessible全局样式Apply global styles to all icons与 Lucide LabUsing lucide-lab with lucide-react填充图标Using filled icons in lucide-react别名Using aliased icon names组合图标Combine multiple icons into one动态图标组件Dynamically import icons as needed
资源
🌐 Resources