组件总览 - Ant Design

简介

组件总览是 Ant Design（antd）官方提供的组件索引页面，当前版本为 v6.4.4。Ant Design 为 Web 应用提供了丰富的基础 UI 组件，并持续探索企业级应用的最佳 UI 实践。除官方组件外，还提供社区精选组件作为必要补充；内网用户也可尝试使用 TechUI。

主要功能

该页面按类别集中罗列了 antd 的全部基础组件，共包含以下分类及组件数量：

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

此外，页面还提供了相关资源导航，包括 Ant Design X、Ant Design Charts、Ant Design Pro、Pro Components、Ant Design Mobile、Ant Design Mini、Ant Design Web3 等生态产品，以及国内镜像站点、社区入口与帮助文档。

适用场景

• 前端开发者在基于 Ant Design 构建 Web 应用时，快速查阅和检索所需 UI 组件；
• 企业级中后台系统研发人员选用官方或重型（Pro）组件以提升开发效率；
• 内网用户寻找替代组件方案（如 TechUI）；
• 需要了解 Ant Design 组件全貌、版本动态及关联生态资源的团队或个人。