折りたたみブロック

Accordionコンポーネントを使って折りたたみブロックを定義します。デフォルトで展開していて、それをクリックするとコンテンツが折り畳まれます。

効果

折りたたみブロック

ここに折りたたみブロックの内容を書きます。クリックすると折りたたむことができます。

コード：

<Accordion title="折りたたみブロック">
ここに折りたたみブロックの内容を書きます。クリックすると折りたたむことができます。
</Accordion>

折りたたみブロックの内容はMarkdownの記法に従います。

デフォルトで折りたたまれるブロック

コード：

<Accordion title="デフォルトで折りたたまれるブロック" defaultOpen={false}>
ここに折りたたみブロックの内容を書きます。デフォルトでは内容が折り畳まれています。
</Accordion>

アイコンの設定

折りたたみブロックにアイコンを使用します。

コード：

<Accordion title="アイコンの追加" icon="material-two-tone-storefront">
折りたたみブロックにアイコンを使用します。
</Accordion>

Accordion