Radio-Gruppe — ui.radio-group
Radiobutton-Gruppe mit Optionen-Array — Gruppen-Logik im Element gelöst (ein name, eine Auswahl)
UI Elementv1.0.0Formulareweb.documentweb.applicationdesktop.shell
Beispiele
Vertikal mit Auswahl
Horizontal
Fehlerzustand
Deaktiviert
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
name * | string | — |
options * | array | — |
value | string | "" |
layout | string: vertical | horizontal | "vertical" |
disabled | boolean | false |
invalid | boolean | false |
hint | string | "" |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--radio-group-action-primary | var(--color-action-primary) |
--radio-group-focus-ring-color | var(--focus-ring-color) |
--radio-group-focus-ring-offset | var(--focus-ring-offset) |
--radio-group-focus-ring-width | var(--focus-ring-width) |
--radio-group-form-error | var(--form-error) |
--radio-group-status-danger | var(--color-status-danger) |
--radio-group-text-default | var(--color-text-default) |
--radio-group-text-disabled | var(--color-text-disabled) |
--radio-group-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
color.action.primary color.status.danger color.text.default color.text.disabled color.text.muted focus.ring-color focus.ring-offset focus.ring-width font.family.default form.error icon.sm size.1 state.disabled-opacity text.md text.sm text.xs weight.medium