ブロックサンプル：タブのパネル一覧（1/5）

タブのパネル一覧（1/5）

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

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

sample-07793 / core/tab-panels　基本形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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