折叠 Collapsible

<details class="xxd-collapse" name="faq" open><summary>为什么默认直角？</summary><p>会员站的硬规则：对话框、卡片、按钮、输入框都不许圆角。</p></details>
<details class="xxd-collapse" name="faq"><summary>主色怎么挑？</summary><p>18 个预设，墨色是第一个也是默认。</p></details>
<details class="xxd-collapse" name="faq"><summary>能用 React 吗？</summary><p>@xxd/react，同一套令牌。</p></details>

export function CollapsibleDemo() {
  const [open, setOpen] = useState(false);
  return (
    <Collapsible.Root open={open} onOpenChange={setOpen}>
      <Collapsible.DefaultTrigger>为什么默认直角？</Collapsible.DefaultTrigger>
      <Collapsible.DefaultPanel>
        <Text>会员站的硬规则：对话框、卡片、按钮、输入框都不许圆角。</Text>
      </Collapsible.DefaultPanel>
    </Collapsible.Root>
  );
}