Icon
A Lucide icon by kebab-case name (for example "arrow-right"), or an A2UI icon name (for example "arrowBack"). Set label when no text next to the icon says what it means.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
name | string | object | A Lucide icon name in kebab-case ("arrow-right"), an A2UI icon name ("arrowBack"), or { "svgPath" } on a 24px grid |
label | string | What the icon means, for screen readers. Leave it unset when text next to the icon says the same |
size | "sm" | "md" | "lg" | "xl" | number | Default "md" |
color | string | |
inline | boolean | Default false |
strokeWeight | "normal" | "medium" | "semibold" | "bold" | The stroke width |
weight | number | flex-grow in a Row or Column |