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+
BasicRoot 基础根容器
BasicRoot（基础根容器） 是 Widget 结构中的最外层容器组件，用于承载并组织整个 Widget 的内容结构。该组件主要负责全局主题控制与基础布局能力，不承担具体业务展示或交互逻辑。基础用法BasicRoot 通常作为 Widget JSON 的根节点使用，用于定义整体布局方向与主题模式。Template 示例：<Basic theme="light"
2026-04-29
浏览:1000+
ListView 列表
组件功能列表视图容器组件（ListView） 用于承载并展示多个列表项（ListViewItem），是构建纵向信息列表的基础容器。该组件负责统一管理列表结构、展示数量及整体状态信息，具体的内容与交互由内部的列表项组件定义。基础用法通过 children 属性配置多个 ListViewItem，即可快速构建标准列表视图。Template 示例：<ListV
2026-04-29
浏览:1000+
ListViewItem 列表项
组件功能列表项组件（ListViewItem）用于在 ListView 中展示单个列表条目，是构建列表型界面的基本单元。该组件支持灵活的子组件组合、对齐与间距控制，并可配置整行点击动作，适用于信息展示与操作入口并存的场景。基础用法通过 children 属性定义列表项内部的展示内容，可组合图标、文本等组件，形成基础列表结构。Templa
2026-04-28
浏览:1000+
