Accordion - React

Accordion

import { Accordion, AccordionGroup } from '@idds/react';

Question 1

Answer 1 - This is a standalone accordion.

Question 2

Answer 2 - This is another standalone accordion.

Question 3

Answer 3 - Each accordion works independently.

AccordionGroup 1

Question 1.1

Answer 1 - Ketika ini dibuka, yang lain akan tertutup.

Question 1.2

Answer 2 - Ini terbuka secara default. Ketika membuka yang lain, ini akan tertutup.

Question 1.3

Answer 3 - Coba buka ini, yang lain akan tertutup.

AccordionGroup 2 Multiple Open True

Question 2.1

Answer 1 - Ketika ini dibuka, yang lain akan tertutup.

Question 2.2

Answer 2 - Ini terbuka secara default. Ketika membuka yang lain, ini akan tertutup.

Question 2.3

Answer 3 - Coba buka ini, yang lain akan tertutup.

Name	Type	Default	Required	Description
`title`	`ReactNode`	—	Yes	Judul atau header yang selalu muncul. Bisa berupa teks, elemen JSX, atau ReactNode lainnya.
`children`	`ReactNode`	—	Yes	Konten body yang muncul saat accordion dalam keadaan terbuka.
`defaultOpen?`	`boolean`	`false`	No	Menentukan apakah accordion terbuka secara default.
`disabled?`	`boolean`	`false`	No	Menonaktifkan accordion.
`className?`	`string`	`''`	No	ClassName tambahan untuk container utama Accordion.

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.
`onChange?`	`(openIndexes: number[]) => void`	—	No	Callback ketika open indexes berubah.
`className?`	`string`	`''`	No	ClassName tambahan untuk container.
`children`	`ReactNode`	—	Yes	Children (Accordion components).