Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Usage
Yes. It adheres to the WAI-ARIA design pattern, powered by ng-primitives.
Yes. It comes with default styles that matches the other components' aesthetic.
Yes. It's animated by default, but you can disable it if you prefer.
API Reference
VoltAccordionItem — volt-accordion-item
| Input | Type | Default |
|---|---|---|
| value * | string | — |
VoltAccordion — volt-accordion
| Input | Type | Default |
|---|---|---|
| type | NgpAccordionType | 'single' |
| collapsible | boolean | false |
| value | string | string[] | null | null |
| disabled | boolean | false |
| orientation | 'horizontal' | 'vertical' | 'vertical' |
| Output | Type |
|---|---|
| valueChange | string | string[] | null |
Component Source
Install via CLI:
npx @voltui/cli add accordionTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/accordion.