Thư viện thuật ngữ / UI/UX

Dropdown là gì?

Còn gọi: danh sách thả xuống

Dropdown là thành phần giao diện hiện một danh sách lựa chọn khi người dùng bấm vào, cho phép chọn một mục mà không phải bày tất cả lựa chọn ra màn hình cùng lúc.

Dropdown (danh sách thả xuống)

Hiểu kỹ hơn

Dropdown tiết kiệm chỗ khi có nhiều lựa chọn loại trừ nhau, ví dụ chọn tỉnh thành, quốc gia hay kích cỡ sản phẩm. Ô đóng cần hiện giá trị đang chọn hoặc nhãn gợi ý, kèm biểu tượng mũi tên xuống để người dùng biết bấm được. Trong Figma, dropdown thường là một component có variant cho trạng thái Default, Hover, Open, Disabled, Error, còn danh sách mở dùng overlay qua tương tác Open overlay. Ví dụ: form thanh toán dùng dropdown cho Tỉnh/Thành phố, có ô tìm kiếm bên trong vì danh sách dài hơn 60 mục. Lỗi thường gặp là dùng dropdown khi chỉ có hai đến bốn lựa chọn; khi đó nút radio hoặc segmented control nhanh hơn vì người dùng thấy ngay mọi lựa chọn mà không phải bấm mở. Một lỗi khác là danh sách quá dài nhưng không cho gõ để lọc.