详情

当您想在上下文中提供额外信息，但又不想使其干扰更重要的内容时，请使用 <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>

主要答案或核心说明应始终出现在主要内容流中，而不应仅存在于选项卡或可折叠区域内。

只有在阐述了通用概念之后，才能针对特定平台的变化（例如，仪表板对比 API 对比 Terraform）使用选项卡。使用 Details 提供补充信息，而不是用于主要答案。

• header stringrequired

• id stringoptional

  向 HTML 元素添加特定的 id

• open booleanoptional