ใช้แสดงเนื้อหาที่สามารถยุบ/ขยายได้ เช่น FAQ (คำถามที่พบบ่อย) หรือเนื้อหาที่ต้องการให้ผู้ใช้งานสามารถเลือกอ่านตามความสนใจ

​
เพิ่ม Accordion

สามารถเพิ่มโดยเลือกจากรายการ components

​
Accordion Group

สามารถเพิ่มโดยเลือก Accordion Group จากรายการ components เพื่อสร้างกลุ่มของ Accordion ดังตัวอย่างด้านล่าง

​
เพิ่ม Accordion ใน Group

เอาเมาส์ hover แล้วกด เครื่องหมายบวกด้านซ้ายของ Accordion ล่างสุด เพื่อเพิ่ม Accordion ใหม่ในกลุ่ม

​
แก้ไข Title, Description และ Icon

เอาเมาส์ hover แล้วกด สามจุดมุมขวาบนของ Accordion เพื่อเปิดเมนูแก้ไข สามารถตั้งค่า Title, Description, Icon และตั้งให้ Default Open ได้ตามต้องการ จากนั้นกด “Save Changes” เพื่อบันทึกการเปลี่ยนแปลง
ไอคอนที่ใช้ในนี้มาจาก Font Awesome สามารถค้นหาไอคอนจาก เว็บไซต์ Font Awesome ได้โดยตรง (สามารถค้นหาได้ง่ายกว่า) แล้วกดที่ชื่อไอคอนเพื่อคัดลอกมาใส่ในช่องค้นหาของ Web Editorหมายเหตุ สามารถเลือกได้ทั้งไอคอนฟรี และไอคอนที่ติดแท็ก “Pro”

​
แก้ไข Content

กด Accordion เพื่อเปิด dropdown แล้วแก้ไขเนื้อหาภายในได้ตามต้องการ

​
ลบ Accordion

เอาเมาส์ hover แล้วกด สามจุดมุมขวาบนของ Accordion เพื่อเปิดเมนูแก้ไข จากนั้นกด ไอคอนถังขยะเพื่อลบ