element/examples/nav.config.json

[
  {
    "name": "基础组件",
    "groups": [{
      "groupName": "Basic",
      "list": [
        {
          "path": "/layout",
          "name": "布局 (layout)",
          "title": "Layout 布局",
          "description": ""
        },
        {
          "path": "/color",
          "name": "色彩 (color)",
          "title": "Color 色彩",
          "description": ""
        },
        {
          "path": "/typography",
          "name": "字体 (typography)",
          "title": "Typography 字体",
          "description": ""
        },
        {
          "path": "/icon",
          "name": "图标 (icon)",
          "title": "Icon 图标"
        },
        {
          "path": "/button",
          "name": "按钮 (button)",
          "title": "Button 按钮",
          "description": "常用的操作按钮"
        },
        {
          "path": "/dialog",
          "name": "对话框 (dialog)",
          "title": "Dialog 对话框",
          "description": "在保留当前页面状态的情况下, 告知用户信息并承载相关操作。"
        },
        {
          "path": "/message-box",
          "name": "弹框 (message-box)",
          "title": "Message Box 弹框"
        },
        {
          "path": "/alert",
          "name": "警告 (alert)",
          "title": "Alert 警告",
          "description": "用于页面中展示重要的提示信息"
        },
        {
          "path": "/notification",
          "name": "通知 (notification)",
          "title": "Notification 通知",
          "description": "悬浮出现在页面右上角, 显示全局的通知提醒消息"
        },
        {
          "path": "/message",
          "name": "消息提示 (message)",
          "title": "Message 消息提示",
          "description": "对用户的操作进行反馈提示,包含成功、反馈或错误等消息提示"
        },
        {
          "path": "/loading",
          "name": "加载 (loading)",
          "title": "Loading 加载",
          "description": "加载数据时显示"
        },
        {
          "path": "/card",
          "name": "卡片 (card)",
          "title": "Card 卡片",
          "description": "将信息聚合在卡片容器中展示"
        }
      ]
    },
    {
      "groupName": "Form",
      "list": [
        {
          "path": "/radio",
          "name": "单选框 (radio)",
          "title": "Radio 单选框",
          "description": "用于在多个备选项选中单个选项。"
        },
        {
          "path": "/checkbox",
          "name": "多选框 (checkbox)",
          "title": "Checkbox 多选框",
          "description": "用于在多个可选项中进行多项选择。"
        },
        {
          "path": "/input",
          "name": "输入框 (input)",
          "title": "Input 输入框"
        },
        {
          "path": "/input-number",
          "name": "计数器 (input-number)",
          "title": "Input Number 计数器"
        },
        {
          "path": "/select",
          "name": "选择器 (select)",
          "title": "Select 选择器",
          "description": "当选项过多时, 使用下拉菜单展示并选择内容"
        },
        {
          "path": "/switch",
          "name": "开关 (switch)",
          "title": "Switch 开关",
          "description": "用于两种对立状态的切换。"
        },
        {
          "path": "/slider",
          "name": "滑块 (slider)",
          "title": "Slider 滑块",
          "description": "通过拖动滑块在一个固定区间内进行选择"
        },
        {
          "path": "/time-picker",
          "name": "时间选择器（time-picker）",
          "title": "Time Picker 时间选择器",
          "description": "用于选择或输入时间"
        },
        {
          "path": "/date-picker",
          "name": "日期选择器（date-picker）",
          "title": "Date Picker 日期选择器",
          "description": "用于选择或输入时间"
        },
        {
          "path": "/datetime-picker",
          "name": "日期时间选择器",
          "title": "Datetime Picker 日期时间选择器",
          "description": "用于选择或输入日期时间"
        },
        {
          "path": "/upload",
          "name": "上传 (upload)",
          "title": "Upload 上传",
          "description": "文件上传组件"
        },
        {
          "path": "/form",
          "name": "表单 (form)",
          "title": "Form 表单",
          "description": "一个多功能的并带有字段验证的表单组件"
        },
        {
          "path": "/rate",
          "name": "评分 (rate)",
          "title": "Rate 评分"
        }
      ]
    },
    {
      "groupName": "Data",
      "list": [
        {
          "path": "/table",
          "name": "表格 (table)",
          "title": "Table 表格",
          "description": "用于展示多条结构类似的数据, 可对数据进行排序、筛选、对比或其他自定义操作。"
        },
        {
          "path": "/tag",
          "name": "标签 (tag)",
          "title": "Tag 标签",
          "description": "Tag 标签"
        },
        {
          "path": "/tooltip",
          "name": "文字提示 (tooltip)",
          "title": "Tooltip 文字提示",
          "description": "优雅地展示文字提示信息"
        },
        {
          "path": "/popover",
          "name": "弹出框 (popover)",
          "title": "Popover 弹出框",
          "description": "收纳具体内容和相关操作, 激活后弹出展现"
        },
        {
          "path": "/progress",
          "name": "进度条 (progress)",
          "title": "Progress 进度条",
          "description": ""
        },
        {
          "path": "/tree",
          "name": "tree (tree)",
          "title": "Tree 树形控件"
        },
        {
          "path": "/pagination",
          "name": "分页 (pagination)",
          "title": "Pagination 分页",
          "description": "当数据量过多时, 使用分页分解数据"
        },
        {
          "path": "/badge",
          "name": "标记 (badge)",
          "title": " Badge 标记",
          "description": "出现在按钮、图标旁的数字或状态标记"
        }
      ]
    },
    {
      "groupName": "Nav",
      "list": [
        {
          "path": "/menu",
          "name": "导航菜单 (menu)",
          "title": "NavMenu 导航菜单",
          "description": "富展现的标签页"
        },
        {
          "path": "/tabs",
          "name": "标签页 (tabs)",
          "title": "Tabs 标签页",
          "description": "富展现的标签页"
        },
        {
          "path": "/breadcrumb",
          "name": "面包屑 (breadcrumb)",
          "title": "Breadcrumb 面包屑",
          "description": ""
        },
        {
          "path": "/dropdown",
          "name": "下拉菜单 (dropdown)",
          "title": "Dropdown 下拉菜单"
        },
        {
          "path": "/steps",
          "name": "步骤条 (steps)",
          "title": "Steps 步骤",
          "description": "引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。"
        }
      ]
    }]
  },
  {
    "name": "安装指南",
    "children": [{
      "path": "/quickstart",
      "name": "快速上手"
    }, {
      "path": "/development",
      "name": "开发指南"
    }]
  }
]