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

Container

组件容器
Import
import { Container } from '@kubed/components;'
Source
View source code
Docs
Edit this page
npm
@kubed/components

基础用法

容器组件的内容从左到右排列

容器的大小和内边距

使用 size 和 padding 可以设置容器的大小和内边距

流式布局

使用 fluid 可以设置流式布局,从左到右排列最大宽度为 100%。

Quick Nav
基础用法
容器的大小和内边距
流式布局