定价

将输入控件、标签、图标和校验反馈组织为完整的表单字段,统一外观与内容布局。

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

如何使用

用于组合标签、输入、帮助和错误。Input / Select / Textarea 放在 Field 内时由 Field 统一相关表面;连续字段段使用 as="segment",不要重复边框与错误区。

  • label 与 error 提供默认文案,invalid 与 readonly 表达字段状态。

  • 用 children 组合 Input、Select、Textarea 及附件;parts 配置默认 label / error,显式子组件自行传 Props。

导入

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

用法

卡片

通知

权限

日期

公司

国家或地区

状态

名称

预算

电话

邮箱验证

国家或地区验证

标签

消息

网站

模型

API 参考

属性 类型 默认值 示例 描述
invalid boolean false invalid 容器级无效态,强制显示错误边框
readonly boolean false readonly 容器级只读态
label string | Snippet — label={labelContent} 生成内置 <Text as="label">;默认不生成。
error string | Snippet — error={errorContent} invalid=true 时生成内置 <Text as="error">;默认不生成。
parts ComponentPartsOf<{ Text: typeof Text }> — parts={partsOptions} 配置内置 label / error Text。
children Snippet — <Field>Content</Field> 自由组合的字段内容