Accordion
Набір інтерактивних заголовків, складених вертикально, кожен з яких розкриває свою секцію вмісту.
Використання
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
VoltAccordionContent — volt-accordion-content
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltAccordionItem — volt-accordion-item
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| value * | string | — |
VoltAccordionTrigger — volt-accordion-trigger
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltAccordion — volt-accordion
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| type | NgpAccordionType | 'single' |
| collapsible | boolean | false |
| value | string | string[] | null | null |
| disabled | boolean | false |
| orientation | 'horizontal' | 'vertical' | 'vertical' |
| Вихід | Тип |
|---|---|
| valueChange | string | string[] | null |
Код компонента
Встановити через CLI:
npx @voltui/cli add accordionTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/accordion.