ActivityIndicator 活动指示器 规则 代码演示 API ActivityIndicator ( 适用平台：WEB、React-Native ) ActivityIndicator 活动指示器 表明某个任务正在进行中。 规则 不要让活动指示器静止，用户会以为该任务停滞了。 在某些特定场景下，提供有意义的文案，帮助用户明...

ActivityIndicator 活动指示器 规则 代码演示 API ActivityIndicator ActivityIndicator 活动指示器 表明某个任务正在进行中。 规则 不要让活动指示器静止，用户会以为该任务停滞了。 在某些特定场景下，提供有意义的文案，帮助用户明白哪个任务正在进行中，eg：正在上传照片。 如果...

Toast 轻提示 规则 代码演示 API Toast 轻提示 一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。 规则 一次只显示一个 toast。 有 Icon 的 Toast，字数为 4-6 个；没有 Icon 的 Toast，字数不宜超过 14 个。 代码演示 基本 ...

InputItem 文本输入 定义／Definition 规则 / Rule 代码演示 API InputItem 文本输入 定义／Definition 文本框允许用户输入一行文本。通常可以使用文本框来收集用户的少量文本信息并执行一些直接作用，例如搜索操作。 规则 / Rule 文本框的左侧一般用于表述文本框的含义，而右侧用于展示附...

SearchBar 搜索栏 规则 代码演示 API SearchBar 搜索栏 一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。 规则 应该在 placeholder 里提供提示文字，提醒用户输入相关内容，比如：双11特卖。 在搜索栏下方，可提供有用的标签文案，帮助用户通过点击直接完成输入，比如：列出一些最近搜索的关键词...

Schema 写在前面 无污染 表单元素与数据结构的对应关系 一点规范 JSON Schema（SFSchema） 常规类 数值类型 字符串类型 数组类型 对象类型 条件类 逻辑类 格式与视觉类 其他 非标准 UI（SFUISchemaItem） SFUISchema 基础类 校验类 数组类 表单元素类 渲染类 响应...

Toast轻提示 规则 API 调用 代码演示 Toast轻提示 一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。 规则 一次只显示一个 toast。 有 Icon 的 Toast，字数为 4-6 个；没有 Icon 的 Toast，字数不宜超过 14 个。 API 调用 const...

SearchBar 搜索栏 规则 代码演示 API SearchBar 搜索栏 一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。 规则 应该在 placeholder 里提供提示文字，提醒用户输入相关内容，比如：双11特卖。 在搜索栏下方，可提供有用的标签文案，帮助用户通过点击直接完成输入，比如：列出一些最近搜索的关键词...

FloatMenu 浮动菜单 定义／Definition 规则 / Rule 代码演示 API FloatMenu FloatMenu.Item FloatMenu 浮动菜单 定义／Definition 提示层式的浮动菜单 规则 / Rule 点击背景的任一位置时，可以隐藏菜单； 浮动菜单可以是选择也可以是行为（筛选、跳转…...

Badge 徽标数 规则 代码演示 API Badge 徽标数 图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。 规则 当用户只需知道大致有内容更新时，应该使用红点型，如：社交中的群消息通知。 当用户有必要知晓每条更新时，应该使用数字型。如：社交中的一对一的消息通知。 代码演示 基本 ...