Quartz Headless docs/AccordionDirective

Search documentation

Type to search the documentation.

API: Primitives

AccordionDirective

Directive reference for AccordionDirective with the selector [qzAccordion].

Overview

Selector

[qzAccordion]

Inputs

Input Type Default Required Description
type AccordionType DEFAULT_ACCORDION_CONFIG.type
collapsible unknown DEFAULT_ACCORDION_CONFIG.collapsible Transform booleanAttribute; reads as boolean.
region unknown DEFAULT_ACCORDION_CONFIG.region Transform booleanAttribute; reads as boolean.
compareWith (a: T, b: T) => boolean DEFAULT_ACCORDION_CONFIG.compareWith
config Partial<AccordionConfig<T>> {}

Models

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

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

Public methods

registerItem

registerItem(item: AccordionItemDirective<T>): void
Parameter Type Optional Description
item AccordionItemDirective<T>

refreshItems

refreshItems(): void

unregisterItem

unregisterItem(item: AccordionItemDirective<T>): void
Parameter Type Optional Description
item AccordionItemDirective<T>

activeTabIndex

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

setActive

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

toggle

toggle(item: AccordionItemDirective<T>): void
Parameter Type Optional Description
item AccordionItemDirective<T>

isOpen

isOpen(item: AccordionItemDirective<T>): boolean
Parameter Type Optional Description
item AccordionItemDirective<T>

handleTriggerKeydown

handleTriggerKeydown(item: AccordionItemDirective<T>, event: KeyboardEvent): void
Parameter Type Optional Description
item AccordionItemDirective<T>
event KeyboardEvent