ブロックサンプル:アコーディオン見出し(1/4)

  1. アコーディオン見出し(1/4)
    1. 項目を開いて詳しい説明を確認する
    2. 項目を開いて詳しい説明を確認する
    3. 項目を開いて詳しい説明を確認する
    4. 短いサンプル
    5. 長いサンプルの文章で折り返し方と余白の見え方を確認します。
  2. 項目を開いて詳しい説明を確認する
    1. 項目を開いて詳しい説明を確認する
      1. 項目を開いて詳しい説明を確認する
        1. 項目を開いて詳しい説明を確認する
          1. 項目を開いて詳しい説明を確認する
    2. 項目を開いて詳しい説明を確認する
    3. 項目を開いて詳しい説明を確認する
    4. 項目を開いて詳しい説明を確認する
    5. 項目を開いて詳しい説明を確認する
    6. 項目を開いて詳しい説明を確認する
    7. 項目を開いて詳しい説明を確認する
    8. 項目を開いて詳しい説明を確認する
    9. 項目を開いて詳しい説明を確認する
    10. 項目を開いて詳しい説明を確認する
    11. 項目を開いて詳しい説明を確認する
    12. 項目を開いて詳しい説明を確認する
    13. 項目を開いて詳しい説明を確認する
    14. 項目を開いて詳しい説明を確認する
    15. 項目を開いて詳しい説明を確認する
    16. 項目を開いて詳しい説明を確認する
    17. 項目を開いて詳しい説明を確認する
    18. 項目を開いて詳しい説明を確認する
    19. 項目を開いて詳しい説明を確認する
    20. 項目を開いて詳しい説明を確認する
    21. 項目を開いて詳しい説明を確認する
    22. 項目を開いて詳しい説明を確認する

アコーディオン見出し(1/4)

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

sample-03920 / core/accordion-heading 基本形

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03921 / core/accordion-heading openByDefault:openByDefault=false

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03922 / core/accordion-heading openByDefault:openByDefault=true

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03923 / core/accordion-heading title:title="短いサンプル"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

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

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03925 / core/accordion-heading level:level=1

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03926 / core/accordion-heading level:level=2

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03927 / core/accordion-heading level:level=3

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03928 / core/accordion-heading level:level=4

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03929 / core/accordion-heading level:level=5

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03930 / core/accordion-heading level:level=6

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03931 / core/accordion-heading iconPosition:iconPosition="left"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03932 / core/accordion-heading iconPosition:iconPosition="right"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03933 / core/accordion-heading showIcon:showIcon=false

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03934 / core/accordion-heading showIcon:showIcon=true

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

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

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03936 / core/accordion-heading プリセットの前景色:borderColor="red" / textColor="red"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03937 / core/accordion-heading プリセットの前景色:borderColor="pink" / textColor="pink"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03938 / core/accordion-heading プリセットの前景色:borderColor="purple" / textColor="purple"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03939 / core/accordion-heading プリセットの前景色:borderColor="deep" / textColor="deep"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03940 / core/accordion-heading プリセットの前景色:borderColor="indigo" / textColor="indigo"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03941 / core/accordion-heading プリセットの前景色:borderColor="blue" / textColor="blue"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03942 / core/accordion-heading プリセットの前景色:borderColor="light-blue" / textColor="light-blue"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03943 / core/accordion-heading プリセットの前景色:borderColor="cyan" / textColor="cyan"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03944 / core/accordion-heading プリセットの前景色:borderColor="teal" / textColor="teal"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03945 / core/accordion-heading プリセットの前景色:borderColor="green" / textColor="green"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03946 / core/accordion-heading プリセットの前景色:borderColor="light-green" / textColor="light-green"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03947 / core/accordion-heading プリセットの前景色:borderColor="lime" / textColor="lime"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03948 / core/accordion-heading プリセットの前景色:borderColor="yellow" / textColor="yellow"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03949 / core/accordion-heading プリセットの前景色:borderColor="amber" / textColor="amber"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03950 / core/accordion-heading プリセットの前景色:borderColor="orange" / textColor="orange"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-03951 / core/accordion-heading プリセットの前景色:borderColor="deep-orange" / textColor="deep-orange"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

タイトルとURLをコピーしました