Components

Action Sheet

Badge

Button

Cards

Dialog

Fixed Banner

Floating message

Image

Input field

Message Block

Status

Tab

Tag

Tooltips

Tab

分頁，用來將不同類型的內容分類

⚡️ 相關資源：

Components Figma File

UI Spec Figma File

Anatomy

解構

1. normal status

為分頁的一般狀態，也是未選取狀態

2. selected status

當分頁被選取時，會顯示為 “selected” 狀態，且在下方會展開這分頁的內容

Variants（Types）

變形（類型）

➊ Main tab

用於頁面中第一層級的分頁，且當 tab 一屏顯示不完時可左右滑動

➋ Sub tab

用於頁面中的第二層級的分頁，當畫面中已經存在第一層級的分頁模組時，抑或用於頁面中的次要分類。此外，當 tab 一屏顯示不完時，可左右滑動

Usage Guidelines

使用規範

1. 請勿使用錯誤的層級

2. 請勿將二個層級顛倒使用

Changelog

Date	Version	Notes	Chapters	Person
March 3, 2023	1.18	・新增 tab 草稿	Tab	Paris Han

On This Page

• Tab
• Anatomy
• 1. normal status
• 2. selected status
• Variants（Types）
• ➊ Main tab
• ➋ Sub tab
• Usage Guidelines
• Changelog