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

タイムライン（1/4）

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

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

sample-01208 / cocoon-blocks/timeline　基本形

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

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

sample-01211 / cocoon-blocks/timeline　アイテム数：items=1

sample-01212 / cocoon-blocks/timeline　アイテム数：items=50

sample-01213 / cocoon-blocks/timeline　backgroundColor：backgroundColor="key-color"

sample-01214 / cocoon-blocks/timeline　backgroundColor：backgroundColor="red"

sample-01215 / cocoon-blocks/timeline　backgroundColor：backgroundColor="pink"

sample-01216 / cocoon-blocks/timeline　backgroundColor：backgroundColor="purple"

sample-01217 / cocoon-blocks/timeline　backgroundColor：backgroundColor="deep"

sample-01218 / cocoon-blocks/timeline　backgroundColor：backgroundColor="indigo"

sample-01219 / cocoon-blocks/timeline　backgroundColor：backgroundColor="blue"

sample-01220 / cocoon-blocks/timeline　backgroundColor：backgroundColor="light-blue"

sample-01221 / cocoon-blocks/timeline　backgroundColor：backgroundColor="cyan"

sample-01222 / cocoon-blocks/timeline　backgroundColor：backgroundColor="teal"

sample-01223 / cocoon-blocks/timeline　backgroundColor：backgroundColor="green"

sample-01224 / cocoon-blocks/timeline　backgroundColor：backgroundColor="light-green"

sample-01225 / cocoon-blocks/timeline　backgroundColor：backgroundColor="lime"

sample-01226 / cocoon-blocks/timeline　backgroundColor：backgroundColor="yellow"

sample-01227 / cocoon-blocks/timeline　backgroundColor：backgroundColor="amber"

sample-01228 / cocoon-blocks/timeline　backgroundColor：backgroundColor="orange"

sample-01229 / cocoon-blocks/timeline　backgroundColor：backgroundColor="deep-orange"

sample-01230 / cocoon-blocks/timeline　backgroundColor：backgroundColor="brown"

sample-01231 / cocoon-blocks/timeline　backgroundColor：backgroundColor="light-grey"

sample-01232 / cocoon-blocks/timeline　backgroundColor：backgroundColor="grey"

sample-01233 / cocoon-blocks/timeline　backgroundColor：backgroundColor="dark-grey"

sample-01234 / cocoon-blocks/timeline　backgroundColor：backgroundColor="cocoon-black"

sample-01235 / cocoon-blocks/timeline　backgroundColor：backgroundColor="cocoon-white"

sample-01236 / cocoon-blocks/timeline　backgroundColor：backgroundColor="watery-blue"

sample-01237 / cocoon-blocks/timeline　backgroundColor：backgroundColor="watery-yellow"

sample-01238 / cocoon-blocks/timeline　backgroundColor：backgroundColor="watery-red"

sample-01239 / cocoon-blocks/timeline　backgroundColor：backgroundColor="watery-green"