折りたたみ (Details/Summary)

表示

折りたたみの例

ここに詳細を書くのです。
ああー

summary の直後に 空白行を入れないと summary としては認識されず、ラベルはデフォルトの Details になる。

Details

折りたたみの例

ここに詳細を書くのです。
ああー

Code

md

<details>
<summary>折りたたみの例</summary>

ここに詳細を書くのです。  
ああー
</details>

注意

Summary のように先頭大文字にすると React コンポーネントとして認識されてビルド失敗するので注意