タブ (Tabs) — デザイン用語図鑑

🎮 ライブデモ

シンプルで使いやすいデザインを追求したプロダクトです。毎日の作業をもっと快適にします。

⭐⭐⭐⭐⭐ 「とても使いやすい！」 ⭐⭐⭐⭐ 「デザインが洗練されている」

サイズ: 120 × 80 × 15mm 重量: 150g 素材: アルミニウム合金

複数の関連するビューやコンテンツを、タブ（見出し）をクリックして切り替えるUI。

同じ画面内で複数のカテゴリや種類のコンテンツを切り替えて表示したいとき。

💡 日常の言い方

「上の方にある「概要・レビュー・スペック」みたいに切り替えられるやつ」

アコーディオンは縦に展開する。タブは同じ領域を切り替えて表示する。アコーディオンは複数同時に開ける場合がある。

セグメンテッドコントロールはフィルタリングや表示モード切替。タブは異なるコンテンツ領域の切替。

商品詳細ページにタブを3つ追加して。「概要」「レビュー」「仕様」の3つ。選択中のタブは下線付きでアクセントカラーにして。