import { KbqAccordionModule } from '@koobiq/components/accordion';Selector: [kbqAccordionHeader]
| Name | Description |
|---|---|
| item: KbqAccordionItem |
Selector: kbq-accordion-header, [kbq-accordion-header]
Selector: kbq-accordion-content, [kbq-accordion-content]
Selector: [kbqAccordionTrigger]
Selector: [kbqAccordionContent]
Exported as: kbqAccordionContentSelector: kbq-accordion-trigger, [kbq-accordion-trigger]
| Name | Description |
|---|---|
| isFill: boolean | |
| isHug: boolean | |
| isHugSpaceBetween: boolean |
Selector: kbq-accordion-item, [kbq-accordion-item]
| Name | Description |
|---|---|
@Input() disabled: boolean
|
Whether the AccordionItem is disabled. |
@Input() expanded: boolean
|
Whether the AccordionItem is expanded. |
@Input() value: string
|
|
@Output('closed')
closed: EventEmitter |
Event emitted every time the AccordionItem is closed. |
@Output('opened')
opened: EventEmitter |
Event emitted every time the AccordionItem is opened. |
| dataState: KbqAccordionItemState | |
| id: string | The unique AccordionItem id. |
| orientation: KbqAccordionOrientation |
Selector: kbq-accordion, [kbq-accordion]
| Name | Description |
|---|---|
@Input() collapsible: boolean
|
|
@Input() defaultValue: string | string[]
|
The value of the item to expand when initially rendered and type is "single". Use when you do not need to control the state of the items. |
@Input() disabled: boolean
|
Whether the Accordion is disabled. |
@Input() orientation: KbqAccordionOrientation
|
The orientation of the accordion. |
@Input() type: KbqAccordionType
|
Determines whether one or multiple items can be opened at the same time. |
@Input() value: string | string[]
|
The controlled value of the item to expand |
@Input() variant: string
|
|
@Output('onValueChange')
onValueChange: EventEmitter |
|
| hasSavedState: boolean | |
| id: string | |
| isMultiple: boolean | |
| useStateSaving: boolean | Specifies whether the accordion saves its states. Default is false |
type RdxAccordionItemState = 'open' | 'closed';
type KbqAccordionItemState = 'open' | 'closed';
type KbqAccordionType = 'single' | 'multiple';
type KbqAccordionOrientation = 'horizontal' | 'vertical';