Radio Group
Semantic radio option selection
import { RadioGroup } from "@plexui/ui/components/RadioGroup";Examples
Overview
Notification frequency
Direction
direction
Orientation
orientation
Group disabled
Item disabled
With description
With Field
Choose how you want to receive notifications.
With Field error
Select a plan to continue.
Please select a subscription plan.
Choice card
orientation
Card selection
Grouped sections
Control who can see project resources.
How often you receive summary emails.
Reference
RadioGroup (root)
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Controlled selected value |
defaultValue | string | — | Initial selected value (uncontrolled) |
onChange | (value: string) => void | — | Called when selected option changes |
direction | "col" | "row" | "col" | Item flow direction |
disabled | boolean | false | Disable the whole group |
aria-label | string | — | Accessible group label |
RadioGroup.Item
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Item value |
disabled | boolean | false | Disable this item only |
block | boolean | false | Stretch item to fill available width |
orientation | "left" | "right" | "left" | Position of the radio indicator relative to the label |