ui-accordion

Generation

ng g @ngx-kit/collection:ui-accordion [name]

Demo

PreviewSources

Default accordion

Panel 1Panel 2Panel 3

Multiple accordion

Panel 1Panel 2Panel 3

Activate first

Panel 1
Panel 1 content
Panel 2Panel 3

Generated from data

Panel 1Panel 2Panel 3

API

[class] UiAccordionDemoModule

@NgModule

[class] UiAccordionContentComponent

@Component

Selector:'ui-accordion-content'

Accordion content holder.

[class] UiAccordionPanelComponent

@Component

Selector:'ui-accordion-panel'

Accordion panel.

[class] UiAccordionTitleComponent

@Component

Selector:'ui-accordion-title'

Accordion title.

[class] UiAccordionModule

@NgModule

Exports:[ KitCollapseModule, UiAccordionComponent, UiAccordionPanelComponent, UiAccordionTitleComponent, UiAccordionContentComponent, ]

[class] UiAccordionComponent

@Component

Selector:'ui-accordion'

Main accordion component.

Members

SignatureDescription
@Input() activateFirst = false

Automatically open first panel.

@Input() multiple = false

Allow few panels open at a time.