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

Card

卡片
Import
import { Card } from '@kubed/components;'
Source
View source code
Docs
Edit this page
npm
@kubed/components

基础用法

将信息聚合在卡片容器中展示。

带章节标题

带 hover 状态

Quick Nav
基础用法
带章节标题
带 hover 状态