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

Segmented control là gì?

Còn gọi: nút chuyển đoạn, segmented button, nút phân đoạn, segment control, toggle button group

Segmented control là một dải gồm 2 đến 5 nút liền nhau, chỉ một nút được chọn tại một thời điểm, dùng để chuyển nhanh giữa các chế độ xem hay lựa chọn loại trừ nhau.

Hiểu kỹ hơn

Tên segmented control đến từ hướng dẫn giao diện của Apple; Material Design 3 gọi thành phần tương tự là segmented button. Ví dụ: chuyển giữa 'Ngày, Tuần, Tháng' trong lịch, 'Danh sách, Lưới' trong thư viện ảnh, hay 'Theo tháng, Theo năm' trong bảng giá. Khác với tab, segmented control thường dùng để đổi cách hiển thị cùng một nội dung, còn tab chuyển sang nhóm nội dung khác. Khác với radio button, nó gọn và hợp cho lựa chọn ngắn hiển thị ngay. Mỗi đoạn nên có độ rộng bằng nhau và nhãn ngắn, một hai từ. Nếu nhiều hơn 5 lựa chọn hoặc nhãn dài, hãy dùng dropdown hoặc tab.