组件
Moongate Vue 提供了 29 个组件 + 2 个样式工具（Code / Link），覆盖日常开发需求。
基础组件
| 组件 | 说明 |
|---|---|
| Button 按钮 | 按钮组件，用于触发操作 |
| Card 卡片 | 卡片容器 |
| Badge 徽章 | 徽章标记 |
| Divider 分割线 | 内容分隔线 |
表单组件
| 组件 | 说明 |
|---|---|
| Form 表单 | 表单容器与校验布局（含 FormItem 字段项 API） |
| Input 输入框 | 文本输入 |
| Textarea 多行文本 | 多行文本输入 |
| Checkbox 复选框 | 多选框 |
| Radio 单选框 | 单选框 |
| Switch 开关 | 开关切换 |
| Select 下拉选择 | 下拉选择器 |
数据展示组件
| 组件 | 说明 |
|---|---|
| Table 表格 | 数据表格，支持排序、固定表头 |
| Pagination 分页 | 分页导航 |
| Tabs 标签页 | 内容分类切换 |
| SeriesNav 系列导航 | 有序内容系列/目录导航 |
布局组件
| 组件 | 说明 |
|---|---|
| Container 容器 | 内容容器 |
| Header 头部 | 页面头部 |
| Main 主体 | 页面主体 |
| Footer 底部 | 页面底部 |
| Hero 英雄区 | 首屏大区块 |
反馈组件
| 组件 | 说明 |
|---|---|
| Modal 模态框 | 弹窗 |
| Toast 通知 | 轻提示（函数式调用） |
| Message 消息提示 | 消息提示（函数式调用） |
| Tooltip 提示 | 文字提示 |
| Popover 弹出层 | 弹出层卡片 |
| Dropdown 下拉菜单 | 下拉菜单 |
| Drawer 抽屉 | 侧边抽屉 |
| Skeleton 骨架屏 | 加载占位 |
样式工具
| 样式 | 类名 | 说明 |
|---|---|---|
| Code | .mg-code / .mg-code-inline / .mg-code-block | 代码样式 |
| Link | .mg-link / .nav-link | 链接样式 |