ブロックサンプル：アコーディオン（5/7）

アコーディオン（5/7）

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

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

sample-03756 / core/accordion　backgroundColor：backgroundColor="ex-d"

sample-03757 / core/accordion　backgroundColor：backgroundColor="ex-e"

sample-03758 / core/accordion　backgroundColor：backgroundColor="ex-f"

sample-03759 / core/accordion　fontSize：fontSize="small"

sample-03760 / core/accordion　fontSize：fontSize="medium"

sample-03761 / core/accordion　fontSize：fontSize="large"

sample-03762 / core/accordion　fontSize：fontSize="huge"

sample-03763 / core/accordion　align：align=""

sample-03764 / core/accordion　align：align="wide"

sample-03765 / core/accordion　align：align="full"

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

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

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

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

sample-03770 / core/accordion　anchor：anchor="sample-anchor"

sample-03771 / core/accordion　ariaLabel：ariaLabel="短いサンプル"

sample-03772 / core/accordion　ariaLabel：ariaLabel="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

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

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