ブロックサンプル：アイコンリスト（1/4）

アイコンリスト（1/4）

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

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

sample-01347 / cocoon-blocks/iconlist-box　基本形

sample-01348 / cocoon-blocks/iconlist-box　title：title="短いサンプル"

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

sample-01350 / cocoon-blocks/iconlist-box　icon：icon="fa-check"

sample-01351 / cocoon-blocks/iconlist-box　icon：icon="fa-star"

sample-01352 / cocoon-blocks/iconlist-box　icon：icon="fa-lightbulb-o"

sample-01353 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="key-color"

sample-01354 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="red"

sample-01355 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="pink"

sample-01356 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="purple"

sample-01357 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="deep"

sample-01358 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="indigo"

sample-01359 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="blue"

sample-01360 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="light-blue"

sample-01361 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="cyan"

sample-01362 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="teal"

sample-01363 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="green"

sample-01364 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="light-green"

sample-01365 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="lime"

sample-01366 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="yellow"

sample-01367 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="amber"

sample-01368 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="orange"

sample-01369 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="deep-orange"

sample-01370 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="brown"

sample-01371 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="light-grey"

sample-01372 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="grey"

sample-01373 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="dark-grey"

sample-01374 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="cocoon-black"

sample-01375 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="cocoon-white"

sample-01376 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="watery-blue"

sample-01377 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="watery-yellow"

sample-01378 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="watery-red"