kube-design
上手指南组件IconsHooks
English

布局

  • Grid 栅格
  • Group 组
  • Divider 分割线
  • Container 容器
  • Center 居中

常规

  • Button 按钮
  • Text 文本

信息录入

  • Checkbox 复选框
  • DatePicker 时间选择框
  • AutoComplete 自动完成
  • Input 输入框
  • InputNumber 数字输入框
  • Radio 单选框
  • Select 选择器
  • Slider 滑动输入条
  • Switch 开关

数据展示

  • Badge 徽标数
  • Card 卡片
  • Popover 气泡卡片
  • Tabs 标签页
  • Tag 标签
  • Tooltip 文字提示
  • Menu 菜单
  • Navs 导航菜单
  • Notify 通知提醒框
  • Banner 横幅
  • Descriptions 描述列表
  • Entity 实体
  • Empty 空状态
  • Form 表单
  • Dropdown 下拉菜单
  • Table

反馈

  • Alert 警告提示
  • Loading 加载中
  • LoadingOverlay 覆盖加载
  • Modal 对话框
  • StatusDot 状态点
  • Sheet

Menu

为页面和功能提供导航的菜单列表
Import
import { Menu } from '@kubed/components;'
Source
View source code
Docs
Edit this page
npm
@kubed/components

何时使用

菜单提供类目和功能,使用多级结构来收纳和排列网站架构。

基础用法

在 Menu 组件中嵌套 MenuItem 组件。

禁用子菜单

Quick Nav
何时使用
基础用法
禁用子菜单