ブロックサンプル：タブの内容（1/4）

タブの内容（1/4）

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

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

sample-07894 / core/tab-panel　基本形

sample-07895 / core/tab-panel　label：label="短いサンプル"

sample-07896 / core/tab-panel　label：label="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-07897 / core/tab-panel　backgroundColor：backgroundColor="key-color"

sample-07898 / core/tab-panel　backgroundColor：backgroundColor="red"

sample-07899 / core/tab-panel　backgroundColor：backgroundColor="pink"

sample-07900 / core/tab-panel　backgroundColor：backgroundColor="purple"

sample-07901 / core/tab-panel　backgroundColor：backgroundColor="deep"

sample-07902 / core/tab-panel　backgroundColor：backgroundColor="indigo"

sample-07903 / core/tab-panel　backgroundColor：backgroundColor="blue"

sample-07904 / core/tab-panel　backgroundColor：backgroundColor="light-blue"

sample-07905 / core/tab-panel　backgroundColor：backgroundColor="cyan"

sample-07906 / core/tab-panel　backgroundColor：backgroundColor="teal"

sample-07907 / core/tab-panel　backgroundColor：backgroundColor="green"

sample-07908 / core/tab-panel　backgroundColor：backgroundColor="light-green"

sample-07909 / core/tab-panel　backgroundColor：backgroundColor="lime"

sample-07910 / core/tab-panel　backgroundColor：backgroundColor="yellow"

sample-07911 / core/tab-panel　backgroundColor：backgroundColor="amber"

sample-07912 / core/tab-panel　backgroundColor：backgroundColor="orange"

sample-07913 / core/tab-panel　backgroundColor：backgroundColor="deep-orange"

sample-07914 / core/tab-panel　backgroundColor：backgroundColor="brown"

sample-07915 / core/tab-panel　backgroundColor：backgroundColor="light-grey"

sample-07916 / core/tab-panel　backgroundColor：backgroundColor="grey"

sample-07917 / core/tab-panel　backgroundColor：backgroundColor="dark-grey"

sample-07918 / core/tab-panel　backgroundColor：backgroundColor="cocoon-black"

sample-07919 / core/tab-panel　backgroundColor：backgroundColor="cocoon-white"

sample-07920 / core/tab-panel　backgroundColor：backgroundColor="watery-blue"

sample-07921 / core/tab-panel　backgroundColor：backgroundColor="watery-yellow"

sample-07922 / core/tab-panel　backgroundColor：backgroundColor="watery-red"

sample-07923 / core/tab-panel　backgroundColor：backgroundColor="watery-green"

sample-07924 / core/tab-panel　backgroundColor：backgroundColor="ex-a"

sample-07925 / core/tab-panel　backgroundColor：backgroundColor="ex-b"