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

タイムラインアイテム（1/1）

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

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

sample-01330 / cocoon-blocks/timeline-item　基本形

sample-01331 / cocoon-blocks/timeline-item　label：label="短いサンプル"

sample-01332 / cocoon-blocks/timeline-item　label：label="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-01333 / cocoon-blocks/timeline-item　title：title="短いサンプル"

sample-01334 / cocoon-blocks/timeline-item　title：title="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

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

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

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

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

sample-01339 / cocoon-blocks/timeline-item　anchor：anchor="sample-anchor"

sample-01340 / cocoon-blocks/timeline-item　className：className="block-gallery-example"

sample-01341 / cocoon-blocks/timeline-item　extraBottomMargin：extraBottomMargin=""

sample-01342 / cocoon-blocks/timeline-item　extraBottomMargin：extraBottomMargin="0"

sample-01343 / cocoon-blocks/timeline-item　extraBottomMargin：extraBottomMargin="2"

sample-01344 / cocoon-blocks/timeline-item　extraBottomMargin：extraBottomMargin="10"

sample-01345 / cocoon-blocks/timeline-item　extraBottomMargin：extraBottomMargin="20"

sample-01346 / cocoon-blocks/timeline-item　長文と装飾の組み合わせ