VNR Design System

Tabs

Organize content into switchable panels.

Khi nào sử dụng

Phân nhóm nội dung

Chia trang chi tiết thành các tab: Overview, Settings.

Card tabs

Tabs dạng thẻ cho container hoặc card.

Data Views

Toggle between different views of the same dataset.

Hướng dẫn

Do
  • Giữ label tab ngắn gọn (1–2 từ)
  • Mở tab đầu tiên mặc định
Don't
  • Dùng quá nhiều tabs (trên 7) — hãy nhóm lại
  • Lồng Tabs trong Tabs

Basic

Overview content

Card Type

Card style tab content

Sizes

Small tabs
Default tabs
Large tabs