タブ
Tabs
別名: タブナビゲーション / Tab Navigation
ライブデモ
シンプルで使いやすいデザインを追求したプロダクトです。毎日の作業をもっと快適にします。
⭐⭐⭐⭐⭐ 「とても使いやすい!」
⭐⭐⭐⭐ 「デザインが洗練されている」
サイズ: 120 × 80 × 15mm
重量: 150g
素材: アルミニウム合金
説明
一言で説明
複数の関連するビューやコンテンツを、タブ(見出し)をクリックして切り替えるUI。
いつ使う?
同じ画面内で複数のカテゴリや種類のコンテンツを切り替えて表示したいとき。
💡 日常の言い方
「上の方にある「概要・レビュー・スペック」みたいに切り替えられるやつ」
似ている用語との違い
タブ vs アコーディオン
アコーディオンは縦に展開する。タブは同じ領域を切り替えて表示する。アコーディオンは複数同時に開ける場合がある。
タブ vs セグメンテッドコントロール
セグメンテッドコントロールはフィルタリングや表示モード切替。タブは異なるコンテンツ領域の切替。
AIへの指示例
商品詳細ページにタブを3つ追加して。「概要」「レビュー」「仕様」の3つ。選択中のタブは下線付きでアクセントカラーにして。