ブロックサンプル：ボタンのグループ（1/3）

ボタンのグループ（1/3）

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

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

sample-04421 / core/buttons　基本形

sample-04422 / core/buttons　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-04423 / core/buttons　プリセットの前景色：borderColor="red" / textColor="red"

sample-04424 / core/buttons　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-04425 / core/buttons　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-04426 / core/buttons　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-04427 / core/buttons　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-04428 / core/buttons　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-04429 / core/buttons　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-04430 / core/buttons　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-04431 / core/buttons　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-04432 / core/buttons　プリセットの前景色：borderColor="green" / textColor="green"

sample-04433 / core/buttons　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-04434 / core/buttons　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-04435 / core/buttons　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-04436 / core/buttons　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-04437 / core/buttons　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-04438 / core/buttons　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-04439 / core/buttons　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-04440 / core/buttons　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-04441 / core/buttons　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-04442 / core/buttons　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

sample-04443 / core/buttons　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

sample-04444 / core/buttons　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

sample-04445 / core/buttons　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

sample-04446 / core/buttons　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

sample-04447 / core/buttons　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

sample-04448 / core/buttons　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

sample-04449 / core/buttons　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

sample-04450 / core/buttons　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

sample-04451 / core/buttons　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

sample-04452 / core/buttons　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

sample-04453 / core/buttons　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

sample-04454 / core/buttons　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

sample-04455 / core/buttons　backgroundColor：backgroundColor="key-color"

sample-04456 / core/buttons　backgroundColor：backgroundColor="red"

sample-04457 / core/buttons　backgroundColor：backgroundColor="pink"

sample-04458 / core/buttons　backgroundColor：backgroundColor="purple"

sample-04459 / core/buttons　backgroundColor：backgroundColor="deep"

sample-04460 / core/buttons　backgroundColor：backgroundColor="indigo"

sample-04461 / core/buttons　backgroundColor：backgroundColor="blue"

sample-04462 / core/buttons　backgroundColor：backgroundColor="light-blue"

sample-04463 / core/buttons　backgroundColor：backgroundColor="cyan"

sample-04464 / core/buttons　backgroundColor：backgroundColor="teal"

sample-04465 / core/buttons　backgroundColor：backgroundColor="green"

sample-04466 / core/buttons　backgroundColor：backgroundColor="light-green"

sample-04467 / core/buttons　backgroundColor：backgroundColor="lime"

sample-04468 / core/buttons　backgroundColor：backgroundColor="yellow"

sample-04469 / core/buttons　backgroundColor：backgroundColor="amber"