1 参考文献


Material Design 3: Tabs https://m3.material.io/components/tabs/guidelines
Material Design 2: Tabs https://m2.material.io/components/tabs#usage
HIG: セグメントコントロール https://developer.apple.com/jp/design/human-interface-guidelines/segmented-controls
HIG: タブビュー https://developer.apple.com/jp/design/human-interface-guidelines/tab-views

結論: 使い方


<aside> 🤸 タブは、同じ階層レベルにある関連コンテンツのグループを整理します。

</aside>

2 スタイル/どういうUI


✨ アイコン (オプション)

アイコンはタブ内のコンテンツのタイプを伝えます。アイコンはシンプルで認識しやすいものである必要があります

Untitled

✨ 優先度で使い分ける(マテリアルデザインの場合