组件总览
每个组件页都包含导入方式、变体展示、状态说明、尺寸示例、代码片段与 Props 表格。
Button
查看文档 →用于触发主要操作、次级操作与危险操作的按钮组件。
操作反馈表单
Input
查看文档 →带标签、错误信息与帮助文本的文本输入框。
表单数据录入
Label
查看文档 →语义化表单标签,支持必填星号标识。
表单可访问性
Card
查看文档 →用于承载模块内容、信息摘要与操作区域的卡片容器。
布局展示
Badge
查看文档 →用于状态标记、分类标签与数量提示的轻量徽标。
状态标记
Modal
查看文档 →居中对话框组件,支持遮罩关闭与 ESC 关闭。
反馈浮层
Table
查看文档 →组合式数据表格组件,适合后台列表与对比信息。
数据展示布局
Toast
查看文档 →轻量通知系统,适合全局成功、错误与提示反馈。
反馈通知
Tabs
查看文档 →受控式标签页组件,适合分组内容切换。
导航布局
Dropdown
查看文档 →点击触发的下拉操作菜单,支持危险项与对齐方式。
导航操作
Avatar
查看文档 →头像组件,支持图片回退、尺寸变化与首字母占位。
展示用户
Tooltip
查看文档 →悬停提示组件,支持四个方向的内容展示。
反馈提示
Alert
查看文档 →强调型提示横幅,适合信息提醒、警告与错误反馈。
反馈状态
Breadcrumb
查看文档 →面包屑导航组件,用于表达页面层级关系。
导航层级
Switch
查看文档 →二元状态切换组件,支持标签位置与禁用态。
表单状态切换
Textarea
查看文档 →多行文本输入组件,支持错误与帮助说明。
表单数据录入
Skeleton
查看文档 →骨架屏占位组件,适合加载阶段的结构预览。
反馈加载
Progress
查看文档 →线性进度条组件,支持颜色与百分比标签。
反馈状态
Sheet
查看文档 →侧边抽屉组件,适合筛选面板与补充上下文内容。
浮层布局
EmptyState
查看文档 →空状态占位组件,支持图标、描述与行动按钮。
反馈空数据
Spinner
查看文档 →旋转加载指示器,适合局部加载与异步请求等待。
加载反馈
Pagination
查看文档 →分页导航组件,支持省略号与页码跳转。
导航数据列表
Select
查看文档 →原生 select 封装,支持占位、错误和帮助文本。
表单选择
Sidebar
查看文档 →后台侧边导航组件,支持折叠态与底部插槽。
导航布局