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

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

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

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

sample-03680 / core/accordion　基本形

sample-03681 / core/accordion　iconPosition：iconPosition="短いサンプル"

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

sample-03683 / core/accordion　showIcon：showIcon=false

sample-03684 / core/accordion　showIcon：showIcon=true

sample-03685 / core/accordion　autoclose：autoclose=false

sample-03686 / core/accordion　autoclose：autoclose=true

sample-03687 / core/accordion　headingLevel：headingLevel=1

sample-03688 / core/accordion　headingLevel：headingLevel=2

sample-03689 / core/accordion　headingLevel：headingLevel=3

sample-03690 / core/accordion　headingLevel：headingLevel=4

sample-03691 / core/accordion　headingLevel：headingLevel=5

sample-03692 / core/accordion　headingLevel：headingLevel=6

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

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

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

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

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

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