定价

AccordionItem

定义 Accordion 中的一项折叠内容,将标题与正文组合起来,并随父级统一管理展开状态。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中;本页展示网站用法,支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费,不属于项目,不占项目或开发者席位额度,无需 SnowUI 注册、激活或付费证明。

如何使用

作为 Accordion 的一个展开项使用;由父级协调展开状态,不把它作为独立页面容器。

  • 在父级内提供唯一 value,展开状态由 Accordion 管理。

  • 用直系 Frame as="title" 和 Frame as="content" 声明标题与正文;标题内的 as="trailing" 可替换展开图标。

导入

import { AccordionItem } from '@snowui-design-system/components';

用法

小尺寸

中尺寸

大尺寸

填充变体

分隔变体

API 参考

属性 类型 默认值 示例 描述
value string —(必填) value="Example" 当前折叠项的稳定标识,在同一 Accordion 内应唯一;与父级 value/defaultValue 匹配,不是可独立绑定的展开布尔值。
disabled boolean false disabled 禁用当前项的标题和正文收起交互;父级 Accordion.disabled 也会禁用此项,不能由此处 false 解除。
children Snippet — <AccordionItem>Content</AccordionItem> 声明直系 Frame as="title" 与 Frame as="content";标题内直系 as="trailing" 可替换默认展开图标。必须在 Accordion 内使用。