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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-07724 / core/tab-list　backgroundColor：backgroundColor="key-color"

sample-07725 / core/tab-list　backgroundColor：backgroundColor="red"

sample-07726 / core/tab-list　backgroundColor：backgroundColor="pink"

sample-07727 / core/tab-list　backgroundColor：backgroundColor="purple"

sample-07728 / core/tab-list　backgroundColor：backgroundColor="deep"

sample-07729 / core/tab-list　backgroundColor：backgroundColor="indigo"

sample-07730 / core/tab-list　backgroundColor：backgroundColor="blue"

sample-07731 / core/tab-list　backgroundColor：backgroundColor="light-blue"

sample-07732 / core/tab-list　backgroundColor：backgroundColor="cyan"

sample-07733 / core/tab-list　backgroundColor：backgroundColor="teal"

sample-07734 / core/tab-list　backgroundColor：backgroundColor="green"

sample-07735 / core/tab-list　backgroundColor：backgroundColor="light-green"