Class UIRadioGroup

A radio group container that manages a single-selection model across its projected <ui-radio-button> children.

Example

<ui-radio-group [(value)]="color" name="color">
  <ui-radio-button value="red">Red</ui-radio-button>
  <ui-radio-button value="green">Green</ui-radio-button>
  <ui-radio-button value="blue">Blue</ui-radio-button>
</ui-radio-group>

Index

Constructors

constructor

Properties

ariaLabel disabled name options value valueChange

Constructors

constructor

new UIRadioGroup(): UIRadioGroup
Returns UIRadioGroup

Properties

`Readonly`ariaLabel

ariaLabel: InputSignal<string | undefined> = ...

Accessible label for the radio group.

`Readonly`disabled

disabled: InputSignal<boolean> = ...

Whether the entire group is disabled.

`Readonly`name

name: InputSignal<string> = ...

The name attribute shared by all radio buttons in this group.

`Readonly`options

options: InputSignal<readonly RadioOption[]> = ...

Data-driven options. When provided, radio buttons are rendered automatically. Use this instead of projecting <ui-radio-button> children when options come from data (e.g. form schemas).

`Readonly`value

value: ModelSignal<unknown> = ...

The currently selected value. Supports two-way binding.

`Readonly`valueChange

valueChange: OutputEmitterRef<unknown> = ...

Emitted when the selected value changes.

Class UIRadioGroup

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIRadioGroup

Properties

`Readonly`ariaLabel

`Readonly`disabled

`Readonly`name

`Readonly`options

`Readonly`value

`Readonly`valueChange

Settings

On This Page

Class UIRadioGroup

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIRadioGroup

Properties

ReadonlyariaLabel

Readonlydisabled

Readonlyname

Readonlyoptions

Readonlyvalue

ReadonlyvalueChange

Settings

On This Page

`Readonly`ariaLabel

`Readonly`disabled

`Readonly`name

`Readonly`options

`Readonly`value

`Readonly`valueChange