オブジェクト：タブ – LSEED

タブオブジェクトは、複数のコンテンツをひとつの領域にまとめ、切り替えて表示できる便利なパーツです。
情報量の多いページでも、分類・整理して表示できるため、閲覧者のストレスを軽減し、コンパクトで見やすい構成にすることができます。
タブ名・アイコン・デザインは自由にカスタマイズでき、プロフィール情報や商品説明、設定項目など、さまざまな用途で活用できます。

タブの説明

タブオブジェクトの追加方法

タブオブジェクトは、複数の情報をひとつのエリアにまとめ、切り替えて表示できるパーツです。コンテンツの整理や比較、分類に適しています。

左側の「オブジェクト」セクションから 「タブ」（カレンダーのようなアイコン）を選びます。
「タブ」ボタンをクリック、またはドラッグ＆ドロップでキャンバス上に配置します。
配置後、タブが初期状態で2つ以上表示されます。各タブに対して以下の編集が可能です：
- タブ名の編集：任意のラベル名に変更できます（例：「概要」「仕様」「FAQ」など）
- 内容の追加：それぞれのタブ内にテキストや画像などのオブジェクトを配置可能
- タブの追加・削除：自由に増減できます

タブを使うことで、ページの情報量を整理しつつ、ユーザーにとっても閲覧しやすい構成を実現できます。

タブの選択画面の説明

タブ選択画面について

「タブ」オブジェクトをキャンバスにドラッグ＆ドロップすると、自動的に「タブ選択」画面が表示されます。ここでは、用途に応じてデザイン済みのタブスタイルを選択できます。

左側：「すべて」や「タブ」カテゴリで絞り込みが可能
中央エリア： 以下のようなスタイルから選択できます：
- タブ（アイコンスタイル）：タブにアイコンが付属
- タブ（アンダーライン）：下線付きで切り替え表示
- タブ（スタイリッシュ1・2）：影付きや枠デザインなど装飾重視
- タブ（デフォルトスタイル1・2）：最もシンプルで汎用性が高い
選び方： 任意のデザインをクリックするだけで、対応するタブコンポーネントがキャンバスに追加されます。

この画面を利用することで、タブの外観をすばやく決定でき、情報整理やレイアウト設計が効率化されます。

タブの設定項目説明

タブオブジェクトの設定項目について

タブオブジェクトを選択すると、右側の設定パネルで表示スタイルや内容を編集できます。主な項目は以下の通りです。

タイトル
タブ名とアイコンの設定ができます。「+項目を追加」をクリックすると新しい項目を追加できます。
編集ボタン（✎）で内容の修正、ゴミ箱アイコンで削除が可能です。
メインカラー
選択中のタブのカラーや強調表示部分の色を設定します。
ブランドカラーやデザインに合わせた色調整が可能です（例：#1C64F2）。
タブフォント
タブのテキストに使用するフォントを指定できます。サイト全体のデザインに合わせて統一感を持たせる際に便利です。

この設定を活用することで、見た目と操作性の両面で、ユーザーにとって使いやすく魅力的なタブインターフェースを構築できます。