Card

为相关内容提供统一的卡片表面，可自由组合文字、媒体和操作，支持固定子项与内容滚动。

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

如何使用

用于有独立信息层级的内容容器。普通页面网格和留白由页面布局负责；不要给每层嵌套内容重复添加卡片外壳。

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

属性	类型	默认值	示例	描述
`row`	`boolean`	`false`	`row`	横向排列直系普通内容。与 Frame 写法一致
`column`	`boolean`	`—`	`column`	纵向排列普通内容，未传时取 row 的反值；row 与 column 同时为 true 时 row 优先。
`wrap`	`boolean`	`false`	`wrap`	普通内容是否允许换行；默认不换行
`contentFill`	`boolean`	`false`	`contentFill`	普通内容子项宽度填满 Card 内容区；优先级高于 `contentHug`
`contentHug`	`boolean`	`false`	`contentHug`	普通内容子项宽度按内容收缩
`selected`	`boolean`	`false`	`selected`	激活态语义别名；作用和效果与 `active` 相同
`active`	`boolean`	`false`	`active`	是否使用激活态外观
`interactive`	`boolean`	`false`	`interactive`	使容器具备交互外观、指针和 hover 边框；点击副作用仍由调用方事件负责，不自动导航、选择或生成按钮键盘行为。
`scrollable`	`boolean`	`true`	`scrollable`	内容溢出时是否启用内部滚动；无高度约束时内容自然撑高
`children`	`Snippet`	`—`	`<Card>Content</Card>`	任意自定义内容