Akordion
Paparkan kandungan secara padat dan boleh dilipat, lazimnya digunakan untuk seksyen Soalan Lazim (FAQ).
Elemen utama yang mendefinisikan struktur dan fungsi Akordion:
- Teks Tajuk: Tajuk utama atau label untuk seksyen akordion.
- Teks Badan: Kandungan yang ditunjuk atau disembunyikan dalam akordion.
- Ikon Chevron (Default): Ikon yang dipaparkan pada sudut 0 darjah, menandakan bahagian itu ditutup.
- Ikon Chevron Bawah (Dikembangkan): Ikon berputar kepada 180 darjah untuk menandakan bahagian tersebut dibuka.
Keadaan
Menentukan cara visual Akordion memberi tindak balas terhadap tingkah laku pengguna seperti hover, fokus, atau klik, memberi maklum balas dan meningkatkan kebolehgunaan.
- Kawasan Klik (Tajuk): Kawasan tajuk yang boleh diklik untuk mengembangkan atau menyembunyikan akordion bagi memaparkan kandungan.
- Keadaan Hover: Gariskan teks tajuk apabila tetikus berada di atasnya.
- Keadaan Tertutup (Default): Menyembunyikan teks badan (Kebolehlihatan: 0%).
- Keadaan Terbuka: Klik pada kawasan tajuk untuk membuka akordion dan memaparkan teks badan.
Demo
Video contoh di bawah menunjukkan interaksi dan fungsi yang diinginkan untuk komponen Akordion.