Component · Forms
a single choice from a small set of options; the group coordinates its radios and roving focus.
Example
Where available
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|---|---|
| React | <RadioGroup> | @design-foundry/lucent-react |
| Angular | <lucent-radio-group> | @design-foundry/lucent |
| Web Components | <lucent-radio-group> | @design-foundry/lucent-wc |
| Blazor | <LucentRadioGroup> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|---|---|---|
| group · value | string | — | selected radio value. |
| group · label | string | — | accessible group name. |
| group · size | xs | sm | md | lg | md | control density. |
| group · disabled | boolean | false | disables all radios. |
| radio · value | string | — | this option’s value. |
| radio · label | string | — | option label. |