import { RadioGroup } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Group legend text |
itemsreq | RadioItem[] | — | Array of { value, label, disabled? } items |
valuereq | string | — | Currently selected value |
onChangereq | (value: string) => void | — | Called with newly selected value |
orientation | "vertical" | "horizontal" | "vertical" | Layout direction |
name | string | — | HTML radio group name (auto-generated if omitted) |
labelType
stringDefault —Group legend text
itemsrequiredType
RadioItem[]Default —Array of { value, label, disabled? } items
valuerequiredType
stringDefault —Currently selected value
onChangerequiredType
(value: string) => voidDefault —Called with newly selected value
orientationType
"vertical" | "horizontal"Default "vertical"Layout direction
nameType
stringDefault —HTML radio group name (auto-generated if omitted)
MobileTouch Target
Vertical layout is the default and works on mobile. For horizontal radio groups, switch to vertical below 480px.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?