Accordion
Un conjunto de encabezados interactivos apilados verticalmente que revelan cada uno una sección de contenido.
Uso
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.
Referencia de la API
VoltAccordionItem — volt-accordion-item
| Entrada | Tipo | Por defecto |
|---|---|---|
| value * | string | — |
VoltAccordion — volt-accordion
| Entrada | Tipo | Por defecto |
|---|---|---|
| type | NgpAccordionType | 'single' |
| collapsible | boolean | false |
| value | string | string[] | null | null |
| disabled | boolean | false |
| orientation | 'horizontal' | 'vertical' | 'vertical' |
| Salida | Tipo |
|---|---|
| valueChange | string | string[] | null |
Código del componente
Instalar por CLI:
npx @voltui/cli add accordionTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/accordion.