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

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

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

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

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

sample-01380 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="ex-a"

sample-01381 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="ex-b"

sample-01382 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="ex-c"

sample-01383 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="ex-d"

sample-01384 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="ex-e"

sample-01385 / cocoon-blocks/iconlist-box　backgroundColor：backgroundColor="ex-f"

sample-01386 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="key-color" / borderColor="key-color" / iconColor="key-color"

sample-01387 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="red" / borderColor="red" / iconColor="red"

sample-01388 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="pink" / borderColor="pink" / iconColor="pink"

sample-01389 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="purple" / borderColor="purple" / iconColor="purple"

sample-01390 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="deep" / borderColor="deep" / iconColor="deep"

sample-01391 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="indigo" / borderColor="indigo" / iconColor="indigo"

sample-01392 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="blue" / borderColor="blue" / iconColor="blue"

sample-01393 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="light-blue" / borderColor="light-blue" / iconColor="light-blue"

sample-01394 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="cyan" / borderColor="cyan" / iconColor="cyan"

sample-01395 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="teal" / borderColor="teal" / iconColor="teal"

sample-01396 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="green" / borderColor="green" / iconColor="green"

sample-01397 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="light-green" / borderColor="light-green" / iconColor="light-green"

sample-01398 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="lime" / borderColor="lime" / iconColor="lime"

sample-01399 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="yellow" / borderColor="yellow" / iconColor="yellow"

sample-01400 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="amber" / borderColor="amber" / iconColor="amber"

sample-01401 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="orange" / borderColor="orange" / iconColor="orange"

sample-01402 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="deep-orange" / borderColor="deep-orange" / iconColor="deep-orange"

sample-01403 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="brown" / borderColor="brown" / iconColor="brown"

sample-01404 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="light-grey" / borderColor="light-grey" / iconColor="light-grey"

sample-01405 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="grey" / borderColor="grey" / iconColor="grey"

sample-01406 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="dark-grey" / borderColor="dark-grey" / iconColor="dark-grey"

sample-01407 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="cocoon-black" / borderColor="cocoon-black" / iconColor="cocoon-black"

sample-01408 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="cocoon-white" / borderColor="cocoon-white" / iconColor="cocoon-white"

sample-01409 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="watery-blue" / borderColor="watery-blue" / iconColor="watery-blue"

sample-01410 / cocoon-blocks/iconlist-box　プリセットの前景色：textColor="watery-yellow" / borderColor="watery-yellow" / iconColor="watery-yellow"