Accordion là gì?

Accordion phù hợp khi người dùng chỉ cần đọc một vài mục trong nhiều mục, ví dụ trang câu hỏi thường gặp (FAQ), bộ lọc sản phẩm hay phần thông số kỹ thuật trên trang bán hàng. Mỗi tiêu đề cần một biểu tượng chỉ trạng thái, thường là mũi tên xoay hoặc dấu cộng đổi thành dấu trừ. Trong Figma, cách làm gọn là tạo một component có hai variant State=Collapsed và State=Expanded, đặt trong auto layout dọc để khi mở rộng các mục bên dưới tự đẩy xuống, rồi nối hai variant bằng tương tác On click › Change to. Ví dụ: trang trợ giúp của nhiều ngân hàng số dùng accordion cho từng nhóm câu hỏi. Lỗi thường gặp là giấu những nội dung mà hầu hết người dùng đều cần đọc vào accordion, khiến họ phải bấm mở từng mục, hoặc chỉ cho bấm vào biểu tượng nhỏ thay vì cả dòng tiêu đề.