Quartz Headless docs/RadioGroupDirective

Search documentation

Type to search the documentation.

API: Primitives

RadioGroupDirective

Directive reference for RadioGroupDirective with the selector [qzRadioGroup].

Overview

Selector

[qzRadioGroup]

Inputs

Input Type Default Required Description
disabled unknown false Transform booleanAttribute; reads as boolean.
orientation RadioGroupOrientation DEFAULT_RADIO_GROUP_CONFIG.orientation
loop unknown DEFAULT_RADIO_GROUP_CONFIG.loop Transform booleanAttribute; reads as boolean.
compareWith (a: T, b: T) => boolean

Models

Two-way bindings: each model is an input and emits the matching change output.

Model Type Default Required Change output Description
value T | null null valueChange

Outputs

Output Payload Description
valueChangeCommitted T | null Fires once per user interaction that changed the value; never for programmatic writes.

Properties

Name Type Description
readonly isDisabled Signal<boolean> Effective disabled state: the disabled input OR a disabled Angular Forms control.
readonly activeId Signal<string>
readonly activeRadio Signal<RadioDirective<T> & CollectionItem>

Public methods

register

register(radio: RadioDirective<T>): void
Parameter Type Optional Description
radio RadioDirective<T>

unregister

unregister(radio: RadioDirective<T>): void
Parameter Type Optional Description
radio RadioDirective<T>

select

select(radio: RadioDirective<T>, options?: { focus?: boolean; }): void
Parameter Type Optional Description
radio RadioDirective<T>
options { focus?: boolean } Yes

setFormDisabled

setFormDisabled(disabled: boolean): void

Adapter hook for @quartz-headless/primitives/forms (setDisabledState).

Parameter Type Optional Description
disabled boolean

setActive

setActive(radio: RadioDirective<T>, options?: { focus?: boolean; }): void
Parameter Type Optional Description
radio RadioDirective<T>
options { focus?: boolean } Yes

activeTabIndex

activeTabIndex(id: string): 0 | -1
Parameter Type Optional Description
id string

isSelected

isSelected(radio: RadioDirective<T>): boolean
Parameter Type Optional Description
radio RadioDirective<T>

onKeydown

onKeydown(event: KeyboardEvent): void
Parameter Type Optional Description
event KeyboardEvent