アコーディオンのコンポーネントがほしい

[tagam]

概要

• 特殊な設定をする時に使用するエリアは、通常時には非表示にしておきたい
• アコーディオンのような、クリックしたら表示／非表示が切り替わるコンポーネントがあると嬉しいです

[kohashi]

+1

欲しい。 MUIのAccordion のような特殊化した子コンポーネントを求めるのは好きでないので、できればこういうのができれば欲しい。

// 一般：文字だけで良いような場合
<Accordion summary="シンプルなやつ">テキストテキストテキスト(ここは通常は閉じてる)</Accordion>

// タイトル部にHTML装飾や子コンポーネントを渡すような場合
<Accordion summary={<h2>JSXを渡すことで<b>HTML</b>を書くことが可能</h2>}>テキストテキスト</<Accordion>


// 最低限欲しいProps
<Accordion expanded={flag} onChange={(ev, expanded)=>{  console.log(' 新しい状態は', expanded); }} />

MUIは細かいカスタマイズが出来るようにするため、個別に特殊化した子コンポーネント( AccordionSummary、AccordionDetails) を渡しているが、そこまでしなくてもいいかなと思っている…。