RadioGroupField

Labelled radio group field — wraps the RadioGroup primitive with a label above and one item per option

Interactive-mode

Examples

Default radio group field

Notification preference

SMS

Push notification

Radio group field with help text and error state

Billing cycle*

Monthly

Annually

Please select a billing cycle.

API

The element family below can be composed together. Click an element to jump to its properties.

Element	Purpose
RadioGroupField	A labelled radio group field chunk. Renders a `FormLabel` above a vertical `RadioGroup` with one `RadioGroupItem` per option. Wraps the `RadioGroup` and `RadioGroupItem` primitives.

RadioGroupField

A labelled radio group field chunk. Renders a FormLabel above a vertical RadioGroup with one RadioGroupItem per option. Wraps the RadioGroup and RadioGroupItem primitives.

Property	Type	Description
Label	string?	Label text rendered above the radio group via `FormLabel`. Omit to hide the label.
HelpText	string?	Helper text rendered below the group. Shown in `text-danger-fg` when `Error` is true, otherwise `text-muted-foreground`.
Error	bool	Applies error styling to the label and help text. Default: `false`.
Required	bool	Appends a red asterisk to the label via `FormLabel`. Default: `false`.
Disabled	bool	Disables the underlying radio group. Default: `false`.
Id	string	HTML `id` — auto-generated by default.
Value	string?	Currently selected option value. Use `@bind-Value` for two-way binding.
ValueChanged	EventCallback<string?>	Fires when the selected value changes. Part of the `@bind-Value` pair.
Options	IList<RadioGroupField.RadioFieldOption>?	The list of radio options to render. Each option has `Value` and `Label` properties.