ブロックサンプル：タブアイテム（1/1）

タブアイテム（1/1）

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

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

sample-01827 / cocoon-blocks/tab-item　基本形

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01828 / cocoon-blocks/tab-item　isActive：isActive=false

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01829 / cocoon-blocks/tab-item　isActive：isActive=true

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01830 / cocoon-blocks/tab-item　lock：lock={"move":false,"remove":false}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01831 / cocoon-blocks/tab-item　lock：lock={"move":true,"remove":false}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01832 / cocoon-blocks/tab-item　lock：lock={"move":false,"remove":true}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01833 / cocoon-blocks/tab-item　lock：lock={"move":true,"remove":true}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01834 / cocoon-blocks/tab-item　className：className="block-gallery-example"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01835 / cocoon-blocks/tab-item　extraBottomMargin：extraBottomMargin=""

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01836 / cocoon-blocks/tab-item　extraBottomMargin：extraBottomMargin="0"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01837 / cocoon-blocks/tab-item　extraBottomMargin：extraBottomMargin="2"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01838 / cocoon-blocks/tab-item　extraBottomMargin：extraBottomMargin="10"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-01839 / cocoon-blocks/tab-item　extraBottomMargin：extraBottomMargin="20"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。