Farbwähler — ui.color-input
Nativer Farbwähler (input type=color) als Formulardatum — z. B. eine Kunden-Markenfarbe. NICHT für Design-Entscheidungen im System (dafür gibt es semantische Tokens)
UI Elementv1.1.0Formulareweb.documentweb.applicationdesktop.shell
Beispiele
Markenfarbe wählen
Ungültiger Wert fällt auf Default
Deaktiviert
Mit Paletten-Vorschlägen (Markenfarben)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
name | string | "" |
value | string | "#16895f" |
disabled | boolean | false |
hint | string | "" |
swatches | string | "" |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--color-input-border | var(--form-border, var(--color-border-default)) |
--color-input-radius | var(--radius-control) |
Genutzte Design-Tokens
border.hairline color.border.default color.surface.default color.text.default color.text.muted focus.ring-color focus.ring-offset focus.ring-width font.family.default font.family.mono form.border opacity.disabled radius.control radius.sm size.1 size.10 size.2 size.4 size.8 text.md text.sm weight.semibold