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

Form

表单
Import
import { Form } from '@kubed/components;'
Source
View source code
Docs
Edit this page
npm
@kubed/components

基础用法

表单控件,用于创建一个实体或收集信息,需要对输入对数据类型进行校验时。

动态表单

可以新增表单项格数,自定义表单项的输入内容

Quick Nav
基础用法
动态表单