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
orientation?: 'horizontal' | 'vertical';
// States
disabled?: boolean | string | { dialect?: string; source: string }; // boolean, predicate expression, or CEL envelope
// Styling
className?: string;
}