logoAnt Design

⌘ K
  • 设计
  • 研发
  • 组件
  • 博客
  • 资源
  • 国内镜像
5.20.6
  • 组件总览
  • 通用
    • Button
      按钮
    • FloatButton
      悬浮按钮
      5.0.0
    • Icon
      图标
    • Typography
      排版
  • 布局
    • Divider
      分割线
    • Flex
      弹性布局
      5.10.0
    • Grid
      栅格
    • Layout
      布局
    • Space
      间距
  • 导航
    • Anchor
      锚点
    • Breadcrumb
      面包屑
    • Dropdown
      下拉菜单
    • Menu
      导航菜单
    • Pagination
      分页
    • Steps
      步骤条
  • 数据录入
    • AutoComplete
      自动完成
    • Cascader
      级联选择
    • Checkbox
      多选框
    • ColorPicker
      颜色选择器
      5.5.0
    • DatePicker
      日期选择框
    • Form
      表单
    • Input
      输入框
    • InputNumber
      数字输入框
    • Mentions
      提及
    • Radio
      单选框
    • Rate
      评分
    • Select
      选择器
    • Slider
      滑动输入条
    • Switch
      开关
    • TimePicker
      时间选择框
    • Transfer
      穿梭框
    • TreeSelect
      树选择
    • Upload
      上传
  • 数据展示
    • Avatar
      头像
    • Badge
      徽标数
    • Calendar
      日历
    • Card
      卡片
    • Carousel
      走马灯
    • Collapse
      折叠面板
    • Descriptions
      描述列表
    • Empty
      空状态
    • Image
      图片
    • List
      列表
    • Popover
      气泡卡片
    • QRCode
      二维码
      5.1.0
    • Segmented
      分段控制器
    • Statistic
      统计数值
    • Table
      表格
    • Tabs
      标签页
    • Tag
      标签
    • Timeline
      时间轴
    • Tooltip
      文字提示
    • Tour
      漫游式引导
      5.0.0
    • Tree
      树形控件
  • 反馈
    • Alert
      警告提示
    • Drawer
      抽屉
    • Message
      全局提示
    • Modal
      对话框
    • Notification
      通知提醒框
    • Popconfirm
      气泡确认框
    • Progress
      进度条
    • Result
      结果
    • Skeleton
      骨架屏
    • Spin
      加载中
    • Watermark
      水印
      5.1.0
  • 其他
    • Affix
      固钉
    • App
      包裹组件
      5.1.0
    • ConfigProvider
      全局化配置
    • Util
      工具类
      5.13.0

组件总览

相关资源

Ant Design Charts
Ant Design Pro
Ant Design Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
ahooks-React Hooks 库
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区
loading

antd 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践。除了官方组件，我们也提供了社区精选组件作为必要的补充，另外如果您是内网用户，欢迎尝试使用 TechUI。

通用4

Button 按钮
Button
FloatButton 悬浮按钮
FloatButton
Icon 图标
Icon
Typography 排版
Typography

布局5

Divider 分割线
Divider
Flex 弹性布局
Flex
Grid 栅格
Grid
Layout 布局
Layout
Space 间距
Space

导航6

Anchor 锚点
Anchor
Breadcrumb 面包屑
Breadcrumb
Dropdown 下拉菜单
Dropdown
Menu 导航菜单
Menu
Pagination 分页
Pagination
Steps 步骤条
Steps

数据录入18

AutoComplete 自动完成
AutoComplete
Cascader 级联选择
Cascader
Checkbox 多选框
Checkbox
ColorPicker 颜色选择器
ColorPicker
DatePicker 日期选择框
DatePicker
Form 表单
Form
Input 输入框
Input
InputNumber 数字输入框
InputNumber
Mentions 提及
Mentions
Radio 单选框
Radio
Rate 评分
Rate
Select 选择器
Select
Slider 滑动输入条
Slider
Switch 开关
Switch
TimePicker 时间选择框
TimePicker
Transfer 穿梭框
Transfer
TreeSelect 树选择
TreeSelect
Upload 上传
Upload

数据展示21

Avatar 头像
Avatar
Badge 徽标数
Badge
Calendar 日历
Calendar
Card 卡片
Card
Carousel 走马灯
Carousel
Collapse 折叠面板
Collapse
Descriptions 描述列表
Descriptions
Empty 空状态
Empty
Image 图片
Image
List 列表
List
Popover 气泡卡片
Popover
QRCode 二维码
QRCode
Segmented 分段控制器
Segmented
Statistic 统计数值
Statistic
Table 表格
Table
Tabs 标签页
Tabs
Tag 标签
Tag
Timeline 时间轴
Timeline
Tooltip 文字提示
Tooltip
Tour 漫游式引导
Tour
Tree 树形控件
Tree

反馈11

Alert 警告提示
Alert
Drawer 抽屉
Drawer
Message 全局提示
Message
Modal 对话框
Modal
Notification 通知提醒框
Notification
Popconfirm 气泡确认框
Popconfirm
Progress 进度条
Progress
Result 结果
Result
Skeleton 骨架屏
Skeleton
Spin 加载中
Spin
Watermark 水印
Watermark

其他4

Affix 固钉
Affix
App 包裹组件
App
ConfigProvider 全局化配置
ConfigProvider
Util 工具类
Util

重型组件6

ProLayout 高级布局
ProLayout
ProForm 高级表单
ProForm
ProTable 高级表格
ProTable
ProDescriptions 高级定义列表
ProDescriptions
ProList 高级列表
ProList
EditableProTable 可编辑表格
EditableProTable