Accordion
Accordion tittle
Accordion tittle
Accordion tittle
"Kami menawarkan berbagai layanan yang dirancang untuk memenuhi kebutuhan Anda secara menyeluruh, mulai dari konsultasi awal hingga dukungan pasca-proyek. Dengan tim yang berpengalaman dan teknologi terkini, kami berkomitmen untuk memberikan solusi terbaik yang sesuai dengan tujuan Anda.
Accordion tittle
Accordion tittle
⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen ini berfungsi Menyembunyikan dan menampilkan konten untuk menghemat ruang dan menyajikan informasi dengan lebih ringkas.
**
Digunakan untuk FAQ (Frequently Asked Questions), di mana pengguna dapat membuka jawaban untuk pertanyaan tertentu tanpa melihat semua jawaban sekaligus.
Penjelasan Component Variant
1
Ini adalah judul dari accordion yang berfungsi sebagai teks utama untuk menunjukkan informasi yang akan ditampilkan ketika accordion dibuka.
2
Merupakan konten utama dari accordion yang akan muncul saat pengguna membuka accordion untuk memperjelas informasi lebih lanjut.
3
Sebuah ikon berbentuk chevron yang menunjukkan status apakah accordion dalam kondisi terbuka atau tertutup, dan dapat diklik untuk membuka atau menutup accordion.
↔ Spacing
Accordion Item
Width
Fixed
460px
Height
Hug
98px
Direction
Vertical
Align Children
Top Left
Trigger
Width
Fill
460px
Height
Hug
40px
Fill variable
Color/Base/White
Direction
Horizontal
Align Children
Center
Padding
Spacing/10PX
Spacing/16PX
Gap
Spacing/8PX
Content
Width
Fill
460px
Height
Hug
58px
Fill variable
Color/Base/White
Direction
Horizontal
Align Children
Center
Padding
Spacing/2PX
Spacing/16PX
Spacing/16PX
Spacing/16PX
Gap
Spacing/8PX