主题
组件总览
按主组件查找交互示例，配置区只调整当前组件，表格的分页与列设置收在表格页面
用法代码可复制为独立 Vue 单文件组件，先按安装指南接入样式与主题，API 默认值以组件自身定义为准
基础
| 组件 | 用途 |
|---|---|
| ZButton | 文本操作、不同强调程度与加载状态 |
| ZIconButton | 带可访问名称的紧凑图标操作 |
| ZTag | 状态、类别与短标签 |
| ZMotionIcon | 指针交互与减少动态效果适配 |
布局与导航
| 组件 | 用途 |
|---|---|
| ZCard | 内容分组与卡片容器 |
| ZPageHeader | 页面标题、副标题与操作区 |
| ZSegmented | 同一内容区域的视图切换 |
| ZMenuItem | 菜单操作、禁用与危险状态 |
| ZScrollbar | 统一外观的横向与纵向滚动 |
表单
| 组件 | 用途 |
|---|---|
| ZForm | 表单布局与提交 |
| ZFormItem | 字段标签、提示与校验信息 |
| ZInput | 单行文本输入 |
| ZInputNumber | 数值输入与步进操作 |
| ZTextarea | 多行文本输入 |
| ZSelect | 选项列表与选择 |
| ZDatePicker | 日期、时间与范围选择 |
| ZCheckbox | 独立开关与多项选择 |
| ZRadio | 同组互斥选项 |
| ZSwitch | 布尔状态切换 |
| ZColorPicker | 预设色、颜色输入与透明度 |
| ZSlider | 数值范围与步长调节 |
数据展示
| 组件 | 用途 |
|---|---|
| ZTable | 列定义、数据、加载与空状态 |
| ZPagination | 翻页与每页条数 |
| ZTableColumnSettings | 列显隐、排序与恢复默认 |
| ZMarkdown | 安全渲染 Markdown 内容 |
反馈与浮层
| 组件 | 用途 |
|---|---|
| ZEmpty | 空内容反馈 |
| ZSkeleton | 内容占位 |
| ZNotification | 操作结果提示 |
| v-loading | 容器内加载蒙层 |
| ZDialog | 弹窗内容与操作 |
| ZConfirmDialog | 确认与取消操作 |
| ZPopover | 锚点附近的补充内容 |