Icon
Kuratiertes Inline-SVG-Icon-Set (Whitelist) — Größen über icon-Tokens, Farbe über currentColor/Ton
Beispiele
check (md)
search (sm)
check (lg, primär)
trash (danger, mit Screenreader-Label)
calendar (gedämpft)
warning
mail
user
arrow-right
download
Neu aus Lucide: settings
Neu aus Lucide: shopping-cart
Neu aus Lucide: truck
Neu aus Lucide: star (lg)
Neu aus Lucide: euro
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| name * | string: arrow-left | arrow-right | bold | bot | box | brain | calendar | chart-bar | chart-column | check | chevron-down | chevron-left | chevron-right | chevron-up | chevrons-up-down | circle-alert | circle-help | clock | code | copy | credit-card | database | download | edit | ellipsis | ellipsis-vertical | euro | external-link | eye | eye-off | facebook | file | filter | folder | folder-open | heading | heart | home | image | info | italic | layers | layout-grid | link | linkedin | list | list-checks | list-ordered | lock | log-out | mail | map-pin | maximize | menu | message-circle | minus | monitor | moon | package | panel-left | paperclip | pause | phone | play | plus | printer | quote | redo | refresh-cw | rotate-ccw | ruler | save | search | send | settings | shield | shopping-bag | shopping-cart | sparkles | square | star | sun | table | tag | thumbs-down | thumbs-up | trash | truck | underline | undo | upload | user | users | volume-2 | volume-x | warning | wrench | x | zoom-in | — | Icon |
| size | string: sm | md | lg | "md" | Größe |
| tone | string: default | muted | primary | danger | "default" | Ton |
| label | string | "" | Screenreader-Label (leer = dekorativ) |
* Pflicht-Prop
Genutzte Design-Tokens
color.action.primarycolor.status.dangercolor.text.mutedicon.lgicon.mdicon.sm