web端ui组件库
参考资料
Web端UI组件库详细说明
基础组件
按钮(Button)
包含主要按钮、次要按钮、文字按钮、图标按钮等变体
支持不同尺寸(small/medium/large)
支持禁用状态、加载状态
可配置圆角/直角样式
输入框(Input)
文本输入、密码输入、数字输入等类型
支持前缀/后缀图标
包含清除按钮功能
支持错误状态提示
选择器(Select)
单选/多选模式
可搜索选项
支持分组选项
可自定义下拉面板样式
复选框(Checkbox)
单个/组选择模式
支持半选状态
可自定义勾选图标
单选框(Radio)
单个/组选择模式
支持按钮样式变体
导航组件
菜单(Menu)
垂直/水平布局
多级子菜单支持
可折叠菜单
支持图标菜单项
标签页(Tabs)
顶部/左侧/右侧定位
可滚动标签栏
支持动态增减标签页
面包屑(Breadcrumb)
自动/手动生成路径
支持自定义分隔符
响应式折叠
数据展示组件
表格(Table)
固定表头/列
排序/筛选功能
分页支持
树形数据展示
卡片(Card)
多种布局变体
支持封面图、标题、内容、操作区
可配置阴影效果
标签(Tag)
多种预设颜色
可关闭标签
可选择标签
反馈组件
对话框(Modal)
多种尺寸预设
全屏模式
支持拖拽调整位置
可配置遮罩层
消息提示(Message)
自动消失/手动关闭
多种状态(成功/警告/错误等)
全局/局部调用
加载中(Spin)
全屏/局部加载
自定义加载图标
延迟显示功能
其他组件
日期选择器(DatePicker)
日期/日期范围选择
时间选择功能
自定义日期格式
分页器(Pagination)
多种页面数量展示方式
支持快速跳转
可配置每页显示数量
步骤条(Steps)
水平/垂直布局
自定义步骤图标
错误状态标记
设计特性
主题系统
支持自定义主题色
暗黑/明亮模式切换
组件样式变量覆盖
响应式设计
移动端适配
断点系统
组件自适应布局
国际化
多语言支持
RTL布局适配
本地化日期/数字格式
无障碍支持
WAI-ARIA标准
键盘导航
高对比度模式
技术特性
框架支持
React/Vue/Angular版本
TypeScript类型定义
按需加载能力
性能优化
虚拟滚动支持
懒加载组件
动画性能优化
开发工具
组件Playground
主题生成器
设计资源包(Sketch/Figma)
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
