S
StyleVault

表单与交互

输入框、选择器、开关、滑块、文件上传、表单校验等交互组件

文本输入框

基础、带图标、带前缀、密码、禁用、错误态

https://

请输入有效的邮箱地址

选择器

基础下拉、分组下拉、禁用、默认值

可搜索下拉

带搜索过滤的下拉选择、多选、分组

日期选择器

弹窗式与内联日历

April 2026

文件上传

拖拽上传区域,支持文件列表管理

拖拽文件到此处,或 点击浏览

支持 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

不可编辑

表单校验

完整表单示例:必填校验、格式验证、提交反馈

0 字符

多步骤向导

分步表单流程:步骤指示器、前进/后退、数据保持

1
基本信息
2
偏好设置
3
确认提交