ブロックサンプル：タブの見出し一覧（1/5）

タブの見出し一覧（1/5）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-07688 / core/tab-list　基本形

sample-07689 / core/tab-list　tabs：tabs=[{"label":"概要"},{"label":"詳細"}]

sample-07690 / core/tab-list　tabs：tabs=[{"label":"特徴"},{"label":"料金"},{"label":"質問"}]

sample-07691 / core/tab-list　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-07692 / core/tab-list　プリセットの前景色：borderColor="red" / textColor="red"

sample-07693 / core/tab-list　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-07694 / core/tab-list　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-07695 / core/tab-list　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-07696 / core/tab-list　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-07697 / core/tab-list　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-07698 / core/tab-list　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-07699 / core/tab-list　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-07700 / core/tab-list　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-07701 / core/tab-list　プリセットの前景色：borderColor="green" / textColor="green"

sample-07702 / core/tab-list　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-07703 / core/tab-list　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-07704 / core/tab-list　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-07705 / core/tab-list　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-07706 / core/tab-list　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-07707 / core/tab-list　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-07708 / core/tab-list　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-07709 / core/tab-list　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-07710 / core/tab-list　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-07711 / core/tab-list　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"