ブロックサンプル：アコーディオン見出し（3/4）

アコーディオン見出し（3/4）

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

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

sample-03984 / core/accordion-heading　backgroundColor：backgroundColor="deep-orange"

sample-03985 / core/accordion-heading　backgroundColor：backgroundColor="brown"

sample-03986 / core/accordion-heading　backgroundColor：backgroundColor="light-grey"

sample-03987 / core/accordion-heading　backgroundColor：backgroundColor="grey"

sample-03988 / core/accordion-heading　backgroundColor：backgroundColor="dark-grey"

sample-03989 / core/accordion-heading　backgroundColor：backgroundColor="cocoon-black"

sample-03990 / core/accordion-heading　backgroundColor：backgroundColor="cocoon-white"

sample-03991 / core/accordion-heading　backgroundColor：backgroundColor="watery-blue"

sample-03992 / core/accordion-heading　backgroundColor：backgroundColor="watery-yellow"

sample-03993 / core/accordion-heading　backgroundColor：backgroundColor="watery-red"

sample-03994 / core/accordion-heading　backgroundColor：backgroundColor="watery-green"

sample-03995 / core/accordion-heading　backgroundColor：backgroundColor="ex-a"

sample-03996 / core/accordion-heading　backgroundColor：backgroundColor="ex-b"

sample-03997 / core/accordion-heading　backgroundColor：backgroundColor="ex-c"

sample-03998 / core/accordion-heading　backgroundColor：backgroundColor="ex-d"

sample-03999 / core/accordion-heading　backgroundColor：backgroundColor="ex-e"

sample-04000 / core/accordion-heading　backgroundColor：backgroundColor="ex-f"

sample-04001 / core/accordion-heading　fontSize：fontSize="small"

sample-04002 / core/accordion-heading　fontSize：fontSize="medium"

sample-04003 / core/accordion-heading　fontSize：fontSize="large"

sample-04004 / core/accordion-heading　fontSize：fontSize="huge"

sample-04005 / core/accordion-heading　lock：lock={"move":false,"remove":false}

sample-04006 / core/accordion-heading　lock：lock={"move":true,"remove":false}

sample-04007 / core/accordion-heading　lock：lock={"move":false,"remove":true}

sample-04008 / core/accordion-heading　lock：lock={"move":true,"remove":true}

sample-04009 / core/accordion-heading　anchor：anchor="sample-anchor"

sample-04010 / core/accordion-heading　className：className="block-gallery-example"

sample-04011 / core/accordion-heading　文字色の自由指定：style.color.text="#19448e"

sample-04012 / core/accordion-heading　文字色の自由指定：style.color.text="#fff3ce"

sample-04013 / core/accordion-heading　文字色の自由指定：style.color.text="#a82d46"

sample-04014 / core/accordion-heading　背景色の自由指定：style.color.background="#fff3ce"

sample-04015 / core/accordion-heading　背景色の自由指定：style.color.background="#e8f0fa"