Accordion Component
Accordion adalah komponen dasar yang digunakan untuk menampilkan beberapa bagian konten yang dapat dibuka dan ditutup. Accordion di Next-Light bersifat multi-item dan mendukung mode vertikal maupun horizontal. yang digunakan untuk menampilkan konten yang dapat dibuka dan ditutup. Komponen ini membantu menjaga tampilan tetap rapi ketika menampilkan informasi yang panjang atau bersifat opsional. Accordion di Next-Light dibuat sederhana, fleksibel, dan dapat digunakan di berbagai kebutuhan UI.
Contoh Penggunaan
Accordion #1
Lorem ipsum dolor sit amet consectetur, adipisicing elit. A
officia pariatur quia placeat. Enim commodi earum veniam
laborum unde fugiat, sed ad deserunt at reprehenderit minus
in, voluptates rem vero!
Accordion #2
Lorem ipsum dolor sit amet consectetur, adipisicing elit. A
officia pariatur quia placeat. Enim commodi earum veniam
laborum unde fugiat, sed ad deserunt at reprehenderit minus
in, voluptates rem vero!
Kode berhasil di copy!
5
Accordion #1
Lorem ipsum dolor sit amet consectetur, adipisicing elit. A officia pariatur quia placeat. Enim commodi earum veniam laborum unde fugiat, sed ad deserunt at reprehenderit minus in, voluptates rem vero!
Accordion #1
Lorem ipsum dolor sit amet consectetur, adipisicing elit. A officia pariatur quia placeat. Enim commodi earum veniam laborum unde fugiat, sed ad deserunt at reprehenderit minus in, voluptates rem vero!
Kode berhasil di copy!
5
Properti Bawaan:
items : AccordionItem[]
Array berisi daftar item accordion
Kode berhasil di copy!
5
head : string | ReactNode
Judul dari item accordion
content : string | ReactNode
Isi konten dari item accordion
setActive : number | null
Menentukan item index mana yang terbuka saat pertama kali ditampilkan. Nilai null berarti semua tertutup.
Kode berhasil di copy!
5
horizontal : boolean
Mengubah orientasi accordion menjadi horizontal. Default: false
Kode berhasil di copy!
5
className : string
Mendukung custom styling menggunakan prefix: container::, head::, dan active::
Kode berhasil di copy!
5