VNR Design System

Segmented

Segmented controls for switching between options.

Khi nào sử dụng

Chuyển view mode

Chuyển giữa dạng danh sách, lưới hoặc bản đồ.

Lọc nhanh

Lọc nội dung theo trạng thái: Tất cả, Active, Archived.

Content Filter

Filter content by type like all, active, or archived.

Hướng dẫn

Do
  • Giữ số lượng segment từ 2–5 mục
  • Đặt label ngắn gọn cho mỗi segment
Don't
  • Dùng khi có quá nhiều tùy chọn — hãy dùng Tabs
  • Trộn icon-only và text-only trong cùng nhóm

Basic

Sizes

Block

Disabled