Radio Group
Semantic radio option selection
import { RadioGroup } from "@plexui/ui/components/RadioGroup";Examples
With Checkbox
direction
description
Choose how you'd like to be notified.
Select the topics you want to follow.
Descriptions
Choose how you'd like to be notified.
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 |