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

タイムライン（3/4）

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

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

sample-01272 / cocoon-blocks/timeline　プリセットの前景色：textColor="watery-green" / borderColor="watery-green"

sample-01273 / cocoon-blocks/timeline　プリセットの前景色：textColor="ex-a" / borderColor="ex-a"

sample-01274 / cocoon-blocks/timeline　プリセットの前景色：textColor="ex-b" / borderColor="ex-b"

sample-01275 / cocoon-blocks/timeline　プリセットの前景色：textColor="ex-c" / borderColor="ex-c"

sample-01276 / cocoon-blocks/timeline　プリセットの前景色：textColor="ex-d" / borderColor="ex-d"

sample-01277 / cocoon-blocks/timeline　プリセットの前景色：textColor="ex-e" / borderColor="ex-e"

sample-01278 / cocoon-blocks/timeline　プリセットの前景色：textColor="ex-f" / borderColor="ex-f"

sample-01279 / cocoon-blocks/timeline　customBackgroundColor：customBackgroundColor="#19448e"

sample-01280 / cocoon-blocks/timeline　customBackgroundColor：customBackgroundColor="#fff3ce"

sample-01281 / cocoon-blocks/timeline　customBackgroundColor：customBackgroundColor="#a82d46"

sample-01282 / cocoon-blocks/timeline　customTextColor：customTextColor="#19448e"

sample-01283 / cocoon-blocks/timeline　customTextColor：customTextColor="#fff3ce"

sample-01284 / cocoon-blocks/timeline　customTextColor：customTextColor="#a82d46"

sample-01285 / cocoon-blocks/timeline　customBorderColor：customBorderColor="#19448e"

sample-01286 / cocoon-blocks/timeline　customBorderColor：customBorderColor="#fff3ce"

sample-01287 / cocoon-blocks/timeline　customBorderColor：customBorderColor="#a82d46"

sample-01288 / cocoon-blocks/timeline　pointColor：pointColor="短いサンプル"

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

sample-01290 / cocoon-blocks/timeline　customPointColor：customPointColor="#19448e"

sample-01291 / cocoon-blocks/timeline　customPointColor：customPointColor="#fff3ce"

sample-01292 / cocoon-blocks/timeline　customPointColor：customPointColor="#a82d46"

sample-01293 / cocoon-blocks/timeline　fontSize：fontSize="small"

sample-01294 / cocoon-blocks/timeline　fontSize：fontSize="medium"

sample-01295 / cocoon-blocks/timeline　fontSize：fontSize="large"

sample-01296 / cocoon-blocks/timeline　fontSize：fontSize="huge"

sample-01297 / cocoon-blocks/timeline　notNestedStyle：notNestedStyle=false

sample-01298 / cocoon-blocks/timeline　notNestedStyle：notNestedStyle=true

sample-01299 / cocoon-blocks/timeline　backgroundColorValue：backgroundColorValue="#19448e"

sample-01300 / cocoon-blocks/timeline　backgroundColorValue：backgroundColorValue="#fff3ce"

sample-01301 / cocoon-blocks/timeline　backgroundColorValue：backgroundColorValue="#a82d46"

sample-01302 / cocoon-blocks/timeline　textColorValue：textColorValue="#19448e"

sample-01303 / cocoon-blocks/timeline　textColorValue：textColorValue="#fff3ce"