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

Banner

横幅
Import
import { Banner } from '@kubed/components;'
Source
View source code
Docs
Edit this page
npm
@kubed/components

何时使用

Banner 是展示整个页面重要的组成部分,一般介绍产品的名称和简介。

代码演示

Banner 可以展示产品图标和简介,BannerTip 可以展示子条目。

Quick Nav
何时使用
代码演示