SwitchDirective

Overview

• Kind: Directive
• Export as: qzSwitch
• Source: packages/primitives/src/switch/switch.directive.ts:22

Selector

button[qzSwitch]

Inputs

Input	Type	Default	Required	Description
disabled	unknown	false		Transform booleanAttribute; reads as boolean.

Models

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

Model	Type	Default	Required	Change output	Description
checked	boolean	false		checkedChange

Outputs

Output	Payload	Description
checkedChangeCommitted	boolean

Properties

Name	Type	Description
readonly isDisabled	Signal<boolean>	Effective disabled state: the disabled input OR a disabled Angular Forms control.

Public methods

toggle

toggle(event?: Event): void

Parameter	Type	Optional	Description
event	Event	Yes

setFormDisabled

setFormDisabled(disabled: boolean): void

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

Parameter	Type	Optional	Description
disabled	boolean

onKeydown

onKeydown(event: KeyboardEvent): void

Parameter	Type	Optional	Description
event	KeyboardEvent