logoAnt Design

⌘ K
  • 设计
  • 研发
  • 组件
  • 博客
  • 资源
  • 国内镜像
5.25.0
  • 组件总览
  • 通用
    • Button按钮
    • FloatButton悬浮按钮
      5.0.0
    • Icon图标
    • Typography排版
  • 布局
    • Divider分割线
    • Flex弹性布局
      5.10.0
    • Grid栅格
    • Layout布局
    • Space间距
    • Splitter分隔面板
      5.21.0
  • 导航
    • Anchor锚点
    • Breadcrumb面包屑
    • Dropdown下拉菜单
    • Menu导航菜单
    • Pagination分页
    • Steps步骤条
    • Tabs标签页
  • 数据录入
    • 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表格
    • 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 X
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
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

布局6

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

导航7

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

数据录入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

数据展示20

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
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