ブロックサンプル：コメントフォーム（1/2）

コメントフォーム（1/2）

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

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

sample-12360 / core/post-comments-form　基本形

sample-12361 / core/post-comments-form　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-12362 / core/post-comments-form　プリセットの前景色：borderColor="red" / textColor="red"

sample-12363 / core/post-comments-form　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-12364 / core/post-comments-form　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-12365 / core/post-comments-form　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-12366 / core/post-comments-form　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-12367 / core/post-comments-form　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-12368 / core/post-comments-form　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-12369 / core/post-comments-form　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-12370 / core/post-comments-form　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-12371 / core/post-comments-form　プリセットの前景色：borderColor="green" / textColor="green"

sample-12372 / core/post-comments-form　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-12373 / core/post-comments-form　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-12374 / core/post-comments-form　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-12375 / core/post-comments-form　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-12376 / core/post-comments-form　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-12377 / core/post-comments-form　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-12378 / core/post-comments-form　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-12379 / core/post-comments-form　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-12380 / core/post-comments-form　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-12381 / core/post-comments-form　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

sample-12382 / core/post-comments-form　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

sample-12383 / core/post-comments-form　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

sample-12384 / core/post-comments-form　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

sample-12385 / core/post-comments-form　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

sample-12386 / core/post-comments-form　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

sample-12387 / core/post-comments-form　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

sample-12388 / core/post-comments-form　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

sample-12389 / core/post-comments-form　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

sample-12390 / core/post-comments-form　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

sample-12391 / core/post-comments-form　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

sample-12392 / core/post-comments-form　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

sample-12393 / core/post-comments-form　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

sample-12394 / core/post-comments-form　backgroundColor：backgroundColor="key-color"

sample-12395 / core/post-comments-form　backgroundColor：backgroundColor="red"

sample-12396 / core/post-comments-form　backgroundColor：backgroundColor="pink"

sample-12397 / core/post-comments-form　backgroundColor：backgroundColor="purple"

sample-12398 / core/post-comments-form　backgroundColor：backgroundColor="deep"

sample-12399 / core/post-comments-form　backgroundColor：backgroundColor="indigo"

sample-12400 / core/post-comments-form　backgroundColor：backgroundColor="blue"

sample-12401 / core/post-comments-form　backgroundColor：backgroundColor="light-blue"

sample-12402 / core/post-comments-form　backgroundColor：backgroundColor="cyan"

sample-12403 / core/post-comments-form　backgroundColor：backgroundColor="teal"

sample-12404 / core/post-comments-form　backgroundColor：backgroundColor="green"

sample-12405 / core/post-comments-form　backgroundColor：backgroundColor="light-green"

sample-12406 / core/post-comments-form　backgroundColor：backgroundColor="lime"

sample-12407 / core/post-comments-form　backgroundColor：backgroundColor="yellow"

sample-12408 / core/post-comments-form　backgroundColor：backgroundColor="amber"

sample-12409 / core/post-comments-form　backgroundColor：backgroundColor="orange"

sample-12410 / core/post-comments-form　backgroundColor：backgroundColor="deep-orange"

sample-12411 / core/post-comments-form　backgroundColor：backgroundColor="brown"

sample-12412 / core/post-comments-form　backgroundColor：backgroundColor="light-grey"

sample-12413 / core/post-comments-form　backgroundColor：backgroundColor="grey"

sample-12414 / core/post-comments-form　backgroundColor：backgroundColor="dark-grey"

sample-12415 / core/post-comments-form　backgroundColor：backgroundColor="cocoon-black"

sample-12416 / core/post-comments-form　backgroundColor：backgroundColor="cocoon-white"

sample-12417 / core/post-comments-form　backgroundColor：backgroundColor="watery-blue"

sample-12418 / core/post-comments-form　backgroundColor：backgroundColor="watery-yellow"

sample-12419 / core/post-comments-form　backgroundColor：backgroundColor="watery-red"

sample-12420 / core/post-comments-form　backgroundColor：backgroundColor="watery-green"

sample-12421 / core/post-comments-form　backgroundColor：backgroundColor="ex-a"

sample-12422 / core/post-comments-form　backgroundColor：backgroundColor="ex-b"

sample-12423 / core/post-comments-form　backgroundColor：backgroundColor="ex-c"

sample-12424 / core/post-comments-form　backgroundColor：backgroundColor="ex-d"

sample-12425 / core/post-comments-form　backgroundColor：backgroundColor="ex-e"

sample-12426 / core/post-comments-form　backgroundColor：backgroundColor="ex-f"

sample-12427 / core/post-comments-form　fontSize：fontSize="small"

sample-12428 / core/post-comments-form　fontSize：fontSize="medium"

sample-12429 / core/post-comments-form　fontSize：fontSize="large"

sample-12430 / core/post-comments-form　fontSize：fontSize="huge"

sample-12431 / core/post-comments-form　lock：lock={"move":false,"remove":false}

sample-12432 / core/post-comments-form　lock：lock={"move":true,"remove":false}

sample-12433 / core/post-comments-form　lock：lock={"move":false,"remove":true}

sample-12434 / core/post-comments-form　lock：lock={"move":true,"remove":true}

sample-12435 / core/post-comments-form　anchor：anchor="sample-anchor"

sample-12436 / core/post-comments-form　className：className="block-gallery-example"

sample-12437 / core/post-comments-form　文字色の自由指定：style.color.text="#19448e"

sample-12438 / core/post-comments-form　文字色の自由指定：style.color.text="#fff3ce"

sample-12439 / core/post-comments-form　文字色の自由指定：style.color.text="#a82d46"