ObjectUIComponentsForm
Radio Group
A set of checkable buttons where only one can be selected at a time
The Radio Group component allows users to select one option from a set of mutually exclusive options.
Basic Usage
Basic Radio Group
With Default Value
With Default Selection
Layout Options
Vertical Layout
Horizontal Layout
States
Disabled
Individual Disabled
Schema
interface RadioOption {
value: string;
label: string;
disabled?: boolean;
}
interface RadioGroupSchema {
type: 'radio-group';
options: RadioOption[]; // Available options
value?: string; // Selected value
// Layout
direction?: 'vertical' | 'horizontal';
// Events
onValueChange?: string | ActionConfig;
// States
disabled?: boolean;
// Styling
className?: string;
}