Auswahlfeld — ui.select
Auswahlfeld (native select) mit Optionen-Array, Zuständen und Formular-Tokens
UI Elementv1.2.0Formulareweb.documentweb.applicationdesktop.shell
Beispiele
Klein (sm) — dieselbe Höhe wie ui.button--sm
Gross (lg) — dieselbe Höhe wie ui.button--lg
Mit Platzhalter
Vorausgewählt
Fehlerzustand
Zahlungsart ist erforderlich.
Deaktiviert
Gruppen + deaktivierte Option
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
name * | string | — |
options * | array | — |
value | string | "" |
placeholder | string | "" |
disabled | boolean | false |
invalid | boolean | false |
hint | string | "" |
size | string: sm | md | lg | "md" |
required | boolean | false |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--select-background | var(--form-background) |
--select-border | var(--form-border) |
Genutzte Design-Tokens
border.hairline color.border.error color.status.danger color.text.default color.text.disabled color.text.muted container.sm duration.fast easing.standard focus.ring-color focus.ring-offset focus.ring-width font.family.default form.background form.background-disabled form.border form.border-focus form.border-hover form.error leading.base radius.control size.1 size.2 size.3 size.4 text.lg text.md text.sm text.xs weight.medium