Caption 说明文字
组件功能用于显示辅助说明文本的组件，通常用于展示次要信息或提示内容，支持文本尺寸、粗细、颜色和对齐方式等配置。基础用法通过 value 设置文本内容，size 控制字体大小。Template 示例：<Caption value="这是一段辅助说明文本" size="sm" />效果展示如下：属性说明属性名类型描述默认值
2026-05-11
浏览:1000+
Text 文本
组件功能用于显示正文文本的组件，支持文本尺寸、粗细、颜色、对齐方式，以及截断、斜体、删除线和可编辑等多种选项。基础用法通过设置 value 定义文本内容，size 控制文本大小。Template 示例：<Text value="Hello world" size="md" />效果展示如下：属性说明属性名类型描述默认值value ★
2026-05-11
浏览:1000+
Title 标题
用于显示标题文本的组件，支持多种尺寸、字体样式和对齐方式，便于在界面中突出显示不同层级的标题内容。基础用法通过设置 value 定义标题文本，size 控制标题大小。Template 示例：<Title value="页面标题" size="lg" />效果展示如下：属性说明属性名类型描述默认值value ★string标题文本
2026-05-11
浏览:1000+
Spacer 间距
Spacer 是弹性空白组件，用于在布局中创建可伸缩的空白区域，帮助子组件在容器中灵活对齐或拉开间距。基础用法通过在布局容器中插入 Spacer，它会自动占用父容器的剩余空间，从而控制元素间距或对齐方式。Template 示例：<Row> <Text value="左侧内容" /> <Spacer /> <Bu
2026-04-30
浏览:1000+
Divider 分割线
组件功能Divider 是分割线组件，用于在内容之间创建视觉分隔，帮助界面层次更清晰。基础用法通过使用 Divider 可以在内容间添加水平或垂直的分隔线，spacing 用于设置分割线上下的间距。Template 示例：<Divider />属性说明属性名类型描述默认值colorstring分割线颜色 (CSS 颜色值)-sizenumber | string分割线粗细1sp
2026-04-30
浏览:1000+
Form 表单
Form 是表单容器组件，用于包裹表单控件并处理提交事件。它继承了 Box 组件的布局能力，同时支持定义表单提交动作。基础用法通过 direction 控制子组件的排列方向，通过 children 定义表单内的控件，gap 用于设置子元素之间的间距。下面示例展示了一个用户登录表单，包括用户名和密码输入框，以及提交按钮。Template 示例：
2026-04-30
浏览:1000+
Col 列布局
Col 是竖直方向布局容器，是 Box 组件的快捷方式，direction 固定为 "col"。它用于在竖直方向排列子组件，并支持弹性布局、间距、对齐、边框和背景等样式配置。基础用法Template 示例：<Col gap="8px"> <Title value="标题" size="md" /> <Text value=
2026-04-30
浏览:1000+
Row 行布局
Row 是水平方向布局容器，是 Box 组件的快捷方式，direction 固定为 "row"。它用于在水平方向排列子组件，并支持弹性布局、间距、对齐、边框和背景等样式配置。基础用法Template 示例：<Row gap="12px" align="center"> <Icon name="user" /> <Text va
2026-04-30
浏览:1000+
Box 盒子
组件功能通用布局容器组件（Box），用于对内容进行灵活排布与样式组织。该组件支持弹性布局方向控制、对齐方式、间距、尺寸、边框及背景等通用样式能力，适合作为页面结构与局部布局的基础容器使用。基础用法通过 direction 与 children 定义子组件的排列方式，gap 用于控制子元素之间的间距。Template 示例：<Box direc
2026-04-30
浏览:1000+
Clickable 可点击容器
Clickable 是一个可点击的布局容器组件，具备 Box 的所有布局能力，并支持添加点击事件。基础用法Template 示例：<Clickable onClickAction={{ type: "sys.go_to_url", payload: { url: "/profile" } }} padding="16px" radius="md"> &
2026-04-29
浏览:1000+
