Icon-Knopf

Reiner Icon-Button (Utility-Button): Varianten secondary/ghost/gefahr, Pflicht-aria-label, emittet activate

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Ghost (Standard)

Secondary

Gefahr

Klein

Eigenschaften

Prop	Typ	Default	Builder-Label
name *	string	—	Icon-Name
label *	string	—	Zweck (aria-label, Pflicht)
variant	string: secondary | ghost | danger	"ghost"	Variante
size	string: sm | md	"md"	Größe

* Pflicht-Prop

Genutzte Design-Tokens

border.hairlinecolor.action.on-secondarycolor.action.secondarycolor.action.secondary-bordercolor.action.secondary-hovercolor.status.dangercolor.status.danger-surfacecolor.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardelevation.controlfocus.ring-colorfocus.ring-offsetfocus.ring-widthradius.controlsize.10size.8