Accordion - Vue
Accordion
import { Accordion, AccordionGroup } from '@idds/vue';Contoh Penggunaan
Section titled “Contoh Penggunaan”Contoh 1 - Standalone Accordion
Section titled “Contoh 1 - Standalone Accordion”Contoh 2 - Single Open using AccordionGroup (Default Behavior)
Section titled “Contoh 2 - Single Open using AccordionGroup (Default Behavior)”Accordion
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
title? | string | VNode | '' | No | Judul accordion yang ditampilkan di header. |
defaultOpen? | boolean | false | No | Menentukan apakah accordion terbuka secara default. |
disabled? | boolean | false | No | Menonaktifkan accordion. |
open? | boolean | undefined | No | Controlled state: apakah accordion terbuka (dikontrol parent). |
class? | string | '' | No | HTML standard attribute `class` untuk container (fallthrough). |
AccordionGroup
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
multipleOpen? | boolean | false | No | Apakah multiple accordion bisa terbuka bersamaan. Default: false (hanya 1 yang terbuka, yang lain tertutup). |
multiple? | boolean | false | No | Apakah multiple accordion bisa terbuka bersamaan. @deprecated Gunakan multipleOpen sebagai gantinya. |
defaultIndex? | number | — | No | Index accordion yang terbuka secara default (hanya untuk single mode). Jika multipleOpen=true, gunakan defaultOpen pada masing-masing Accordion. |