表单与交互
输入框、选择器、开关、滑块、文件上传、表单校验等交互组件
文本输入框
基础、带图标、带前缀、密码、禁用、错误态
https://
请输入有效的邮箱地址
选择器
基础下拉、分组下拉、禁用、默认值
可搜索下拉
带搜索过滤的下拉选择、多选、分组
日期选择器
弹窗式与内联日历
文件上传
拖拽上传区域,支持文件列表管理
拖拽文件到此处,或 点击浏览
支持 PNG, JPG, PDF,最大 10MB
design-spec.pdf
2.4 MB
screenshot.png
1.1 MB
开关与复选框
通知开关组 + 功能复选框
通知开关
接收重要更新邮件
浏览器推送消息
接收短信验证码
功能复选框
已选中 2 / 4 项
滑块
基础滑块、音量控制、范围选择、步进
50%
75
¥20 — ¥80
50%
0255075100
验证码输入
4 位/6 位验证码、带分隔符样式
当前输入:—
当前输入:—
当前输入:—
1
2
不可编辑
表单校验
完整表单示例:必填校验、格式验证、提交反馈
多步骤向导
分步表单流程:步骤指示器、前进/后退、数据保持
1
基本信息2
偏好设置3
确认提交