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

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

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

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

sample-07784 / core/tab-list　layout：layout={"type":"flex","flexWrap":"wrap","justifyContent":"center"}

sample-07785 / core/tab-list　layout：layout={"type":"flex","orientation":"vertical","justifyContent":"left"}

sample-07786 / core/tab-list　layout：layout={"type":"grid","columnCount":2}

sample-07787 / core/tab-list　extraBottomMargin：extraBottomMargin=""

sample-07788 / core/tab-list　extraBottomMargin：extraBottomMargin="0"

sample-07789 / core/tab-list　extraBottomMargin：extraBottomMargin="2"

sample-07790 / core/tab-list　extraBottomMargin：extraBottomMargin="10"

sample-07791 / core/tab-list　extraBottomMargin：extraBottomMargin="20"

sample-07792 / core/tab-list　組み合わせ：濃い背景と白い文字