Ant Design

阿里巴巴开源的企业级 UI 组件库,支持 React 和 Vue。

AntD 提供 80+ 企业级组件,核心分类如下:

  1. 基础组件:Button(按钮)、Input(输入框)、Typography(排版)、Icon(图标)、Space(间距);

  2. 布局组件:Layout(布局)、Grid(栅格)、Card(卡片)、Divider(分割线);

  3. 表单组件:Form(表单)、Select(选择器)、DatePicker(日期选择器)、Checkbox/Radio;

  4. 数据展示:Table(表格)、List(列表)、Avatar(头像)、Tag(标签)、Progress(进度条);

  5. 反馈组件:Modal(弹窗)、Message/Notification(消息提示)、Alert(警告)、Drawer(抽屉);

  6. 导航组件:Menu(菜单)、Pagination(分页)、Breadcrumb(面包屑)、Tabs(标签页)。

案例