按钮与状态 触发动作、告诉用户「在跑」
FlowButton flowbtn
悬停时圆形色块自中心扩散铺满,左箭头滑入、右箭头滑出,文字右移让位,胶囊收成圆角矩形。把鼠标移上去看。
LoadingState loadst
3×3 像素网格 + 流光标签 + 等宽实时计时。适合 10 秒以上的长任务:转圈只说明「在跑」,这个还回答「跑了多久」。
Drive
Dots
Orbit
筛选与选择 都是持有值的控件,看板工具栏三件套
SlideTabs slidetabs
滑块在标签之间移动:悬停先滑过去「预演」,点击才真正切换,移出容器自动归位。做切片器 / 分段控件 / 视图切换。方向键也能切。
全部
含禁用项 · 铺不下时可横滑
SelectBox selectbox
下拉框(持有值的那种):选中项打勾并高亮,选项 ≥12 个自动出搜索框,首字母连打可跳转。第二个是由原生 <select> 升级来的——没 JS 时它就是个能用的下拉框,升级后仍能正常提交表单。
en · cn
DateFilter datefilter
日期筛选:日期区间(双月并排)与单日两种模式,左侧快捷区间(本月、近 30 天、本季度…)。方向键可逐日移动,PageUp/Down 翻月。
未选
流程图 自成一套板岩配色,不吃 --uik-accent
FlowDiagram flowdia
系统图 / 流程图:泳道 + 按语义分色的节点 + 正交连线。把鼠标移到节点上看聚焦。位置由你给的 (lane, col) 决定,它不做自动布局。
五套皮:slate 提炼自
archify(MIT),
flat / terminal / blueprint / notion 提炼自
fireworks-tech-graph(MIT)的风格指南 1/2/3/4。换皮只改令牌,走线与交互不动。
slate · archify