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

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

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

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

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

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

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

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

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

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

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

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

sample-01419 / cocoon-blocks/iconlist-box　customBackgroundColor：customBackgroundColor="#19448e"

sample-01420 / cocoon-blocks/iconlist-box　customBackgroundColor：customBackgroundColor="#fff3ce"

sample-01421 / cocoon-blocks/iconlist-box　customBackgroundColor：customBackgroundColor="#a82d46"

sample-01422 / cocoon-blocks/iconlist-box　customTextColor：customTextColor="#19448e"

sample-01423 / cocoon-blocks/iconlist-box　customTextColor：customTextColor="#fff3ce"

sample-01424 / cocoon-blocks/iconlist-box　customTextColor：customTextColor="#a82d46"

sample-01425 / cocoon-blocks/iconlist-box　customBorderColor：customBorderColor="#19448e"

sample-01426 / cocoon-blocks/iconlist-box　customBorderColor：customBorderColor="#fff3ce"

sample-01427 / cocoon-blocks/iconlist-box　customBorderColor：customBorderColor="#a82d46"

sample-01428 / cocoon-blocks/iconlist-box　customIconColor：customIconColor="#19448e"

sample-01429 / cocoon-blocks/iconlist-box　customIconColor：customIconColor="#fff3ce"

sample-01430 / cocoon-blocks/iconlist-box　customIconColor：customIconColor="#a82d46"

sample-01431 / cocoon-blocks/iconlist-box　fontSize：fontSize="small"

sample-01432 / cocoon-blocks/iconlist-box　fontSize：fontSize="medium"

sample-01433 / cocoon-blocks/iconlist-box　fontSize：fontSize="large"

sample-01434 / cocoon-blocks/iconlist-box　fontSize：fontSize="huge"

sample-01435 / cocoon-blocks/iconlist-box　lock：lock={"move":false,"remove":false}

sample-01436 / cocoon-blocks/iconlist-box　lock：lock={"move":true,"remove":false}

sample-01437 / cocoon-blocks/iconlist-box　lock：lock={"move":false,"remove":true}

sample-01438 / cocoon-blocks/iconlist-box　lock：lock={"move":true,"remove":true}

sample-01439 / cocoon-blocks/iconlist-box　anchor：anchor="sample-anchor"

sample-01440 / cocoon-blocks/iconlist-box　className：className="block-gallery-example"

sample-01441 / cocoon-blocks/iconlist-box　文字色の自由指定：style.color.text="#19448e"

sample-01442 / cocoon-blocks/iconlist-box　文字色の自由指定：style.color.text="#fff3ce"