ViboDesign
CATEGORY

收信息

表单与输入 · 14 个词条

用于登录和接收通知

请输入有效邮箱地址

表单字段

Form Field

表单里一整组用来收一项信息的区域,通常包含标签、输入控件、说明和报错。

组合框

Combobox

既能输入,又能从下拉候选里选的控件。适合选项很多,但又不想让人硬翻整张长列表。

邮件通知

开关

Switch

表示某个状态此刻开着还是关着,点一下就立刻切换生效,不用再点提交。

复选框

Checkbox

一组选项里可以勾多个,也可以一个都不勾。适合表达“我同意”或“这些都要”。

单选按钮

Radio

同一组里只能选一个,通常用一排圆点表示“只能二选一/三选一”。

按钮层级

点击主按钮会触发真实 loading

已提交 0

按钮

Button

用来立即触发某个动作的可点击控件,比如保存、提交、删除、继续下一步。

请输入有效邮箱地址

输入框

Input

让用户输入一行短文本的基础控件,比如姓名、邮箱、搜索词。

33/120

自动增高,适合备注、需求说明和评论输入。

多行文本域

Textarea

用来输入多行内容的文本控件,适合备注、描述、评论这类长文本。

成员数量

数字输入框

Input Number

专门输入数字的控件,通常带上下调整或最小最大值限制。

音量

拖动滑块实时调节

68%

滑块

Slider

通过拖动滑块在一个连续范围里选值,适合音量、亮度、价格区间这种场景。

选择器

Select

从一组固定选项里选一个或多个的控件,通常点开后显示候选列表。

日期选择器

Date Picker

通过日历面板或滚轮选择具体日期的控件,避免手填格式出错。

拖拽文件到这里

或点击按钮模拟上传

暂无文件

上传

Upload

让用户选择本地文件并提交到系统的控件,可以是按钮式,也可以是拖拽投放区。

品牌主色

支持色盘选择和 HEX 输入

Preview

Button / Tag / Focus Ring

颜色选择器

Color Picker

用来挑选颜色的控件,常带色板、透明度、HEX/RGB 输入。

收信息 · ViboDesign