高频知识点
Ant Design
Ant Design
阿里巴巴开源的企业级 UI 组件库,支持 React 和 Vue。
-
主官网:https://ant.design/(v5 最新版)
-
GitHub 仓库:https://github.com/ant-design/ant-design
-
核心特点:基于 React 的企业级 UI 设计体系,组件丰富、开箱即用、可定制性强、支持 TypeScript、响应式设计。
AntD 提供 80+ 企业级组件,核心分类如下:
-
基础组件:Button(按钮)、Input(输入框)、Typography(排版)、Icon(图标)、Space(间距);
-
布局组件:Layout(布局)、Grid(栅格)、Card(卡片)、Divider(分割线);
-
表单组件:Form(表单)、Select(选择器)、DatePicker(日期选择器)、Checkbox/Radio;
-
数据展示:Table(表格)、List(列表)、Avatar(头像)、Tag(标签)、Progress(进度条);
-
反馈组件:Modal(弹窗)、Message/Notification(消息提示)、Alert(警告)、Drawer(抽屉);
-
导航组件:Menu(菜单)、Pagination(分页)、Breadcrumb(面包屑)、Tabs(标签页)。
案例