You need to enable JavaScript to run this app.
搜索
⌘
K
设计
设计指南
设计原则
样式指南
设计资源
Klein - Figma
Klein Font
官方图标库
开发
开发文档
React
Vue Web
敬请期待
开发资源
GitHub 代码仓库
生态产品
生态产品
Orion Fonts
敬请期待
Orio Market
敬请期待
Klein Pro
敬请期待
Klein Editor
敬请期待
开发指南
快速上手
设计变量
常见问题
设计资源
设计指南
设计原则
色彩
字体
图标
布局
组件
通用
按钮 Button
图标 Icon
布局
分割线 Divider
栅格 Grid
导航
面包屑 Breadcrumb
下拉菜单 Dropdown
菜单 Menu
分页 Pagination
数据展示
头像 Avatar
微标 Badge
空状态 Empty
图片 Image
通用列表 List
气泡卡片 Popover
表格 Table
选项卡 Tabs
标签 Tag
树形控件 Tree
数据录入
自动完成 AutoComplete
级联选择 Cascader
多选框 Checkbox
日期选择 DatePicker
表单 Form
数字输入框 InputNumber
输入框 Input
单选框 Radio
评分 Rate
选择器 Select
滑动输入条 Slider
开关 Switch
树选择 TreeSelect
上传 Upload
反馈
警告提示 Alert
抽屉 Drawer
消息通知 Message
弹窗 Modal
通知 Notification
气泡框 Popconfirm
结果 Result
加载中 Spin
提示 ToolTip
其他
全局配置 ConfigProvider
空态 Empty
没有对应的数据内容时,呈现出的一种空状态。
基础示例
基础示例。
空态 没有文案
自定义描述文案
尺寸大小
尺寸大小,size 分别为 middle 和 small ,默认为 middle。
Empty Props
参数
说明
类型
默认值
description
自定义描述内容
ReactNode
-
image
设置显示图片,为 string 时表示自定义图片地址
ReactNode
-
imageStyle
图片样式
CSSProperties
-
className
自定义className
string
-
size
图标尺寸
"small"
middle
type
图标类型
"goods"
-
贡献者
基础示例
空态 没有文案
自定义描述文案
尺寸大小
Empty Props