Details

補足情報を文脈の中で示したいが、より重要な内容を煩雑にしたくないときは、<Details> で折りたたみコンテナを追加します。

import { Details } from "~/components";

<Details header="Open me!">Hello, world!</Details>

<Details> コンポーネントの各インスタンスについて、デフォルトの状態（最初から開くか閉じるか）を指定できます。

import { Details } from "~/components";

<Details header="Close me!" open={true}>
	Long piece of code example.
</Details>

主な回答や中核となる手順は、タブや折りたたみセクションの中だけに置かず、必ず本文の流れに書いてください。

タブは、一般的な概念を述べたあとに、プラットフォーム固有の違い（たとえば Dashboard、API、Terraform）に使います。Details は補足情報向けであり、主な回答には使いません。

• header string required

• id string optional

  HTML 要素に特定の id を付けます

• open boolean optional