ブロックサンプル：タブ（1/5）

タブ（1/5）

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

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

sample-07581 / core/tabs　基本形

sample-07582 / core/tabs　activeTabIndex：activeTabIndex=0

sample-07583 / core/tabs　activeTabIndex：activeTabIndex=1

sample-07584 / core/tabs　backgroundColor：backgroundColor="key-color"

sample-07585 / core/tabs　backgroundColor：backgroundColor="red"

sample-07586 / core/tabs　backgroundColor：backgroundColor="pink"

sample-07587 / core/tabs　backgroundColor：backgroundColor="purple"

sample-07588 / core/tabs　backgroundColor：backgroundColor="deep"

sample-07589 / core/tabs　backgroundColor：backgroundColor="indigo"

sample-07590 / core/tabs　backgroundColor：backgroundColor="blue"

sample-07591 / core/tabs　backgroundColor：backgroundColor="light-blue"

sample-07592 / core/tabs　backgroundColor：backgroundColor="cyan"

sample-07593 / core/tabs　backgroundColor：backgroundColor="teal"

sample-07594 / core/tabs　backgroundColor：backgroundColor="green"

sample-07595 / core/tabs　backgroundColor：backgroundColor="light-green"

sample-07596 / core/tabs　backgroundColor：backgroundColor="lime"

sample-07597 / core/tabs　backgroundColor：backgroundColor="yellow"

sample-07598 / core/tabs　backgroundColor：backgroundColor="amber"

sample-07599 / core/tabs　backgroundColor：backgroundColor="orange"

sample-07600 / core/tabs　backgroundColor：backgroundColor="deep-orange"

sample-07601 / core/tabs　backgroundColor：backgroundColor="brown"

sample-07602 / core/tabs　backgroundColor：backgroundColor="light-grey"

sample-07603 / core/tabs　backgroundColor：backgroundColor="grey"

sample-07604 / core/tabs　backgroundColor：backgroundColor="dark-grey"