タブ
Tabs
別名: タブナビゲーション / Tab Navigation
ライブデモ
説明
一言で説明
複数の関連するビューやコンテンツを、タブ（見出し）をクリックして切り替えるUI。
いつ使う？
同じ画面内で複数のカテゴリや種類のコンテンツを切り替えて表示したいとき。
💡 日常の言い方
「上の方にある「概要・レビュー・スペック」みたいに切り替えられるやつ」
似ている用語との違い
タブ vs アコーディオン
アコーディオンは縦に展開する。タブは同じ領域を切り替えて表示する。アコーディオンは複数同時に開ける場合がある。
タブ vs セグメンテッドコントロール
セグメンテッドコントロールはフィルタリングや表示モード切替。タブは異なるコンテンツ領域の切替。
AIへの指示例
商品詳細ページにタブを3つ追加して。「概要」「レビュー」「仕様」の3つ。選択中のタブは下線付きでアクセントカラーにして。