Icon
The Icon component renders SVG icons from:
- Lucide Icons library.
- Local SVG files stored in the
src/iconsdirectory.
Playground
Props
Examples
Colors
Sizes
Props
Icon
| Prop | Type | Default | Description |
|---|---|---|---|
alt | string | - | Accessible label for the icon. |
className | string | - | Additional CSS classes. |
color | ThemeColor | - | Sets the color of the icon. |
hint | HintValue | - | Optional hint to display on hover. |
name | IconName | - | The name of the icon (e.g., lucide:star). |
size | ThemeSize | - | Sets the size of the icon. |
IconText
The IconText component is a wrapper for aligning icons and text.
Examples
SuccessWarningError
See also
Last updated on