折りたたみブロック

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

効果

折りたたみブロック

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

コード：

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

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

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

コード：

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

アイコンの設定

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

コード：

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

Accordion

title

string

标题

必須

折りたたみブロックのタイトルの定義

description

string

默认状态

可選

折りたたみブロックの下に表示されるテキストの定義

defaultOpen

boolean

デフォルトの状態

可選

折りたたみブロックをデフォルトで展開する

デフォルト値:

true

icon

string

Iconアイコン

可選

Iconの定義　定義方法の詳細はアイコン