Ant Design 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Ant Design 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Ant Design 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Web框架
开源组织 阿里巴巴
地区 国产
投 递 者 叶秀兰
适用人群 未知
收录时间 2015-07-27

软件简介

 Ant Design,一套企业级 UI 设计语言和 React 组件库。

✨ 特性

  • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
  • 📦 开箱即用的高质量 React 组件。
  • 🛡 使用 TypeScript 开发,提供完整的类型定义文件。
  • ⚙️ 全链路开发和设计工具体系。
  • 🌍 数十个国际化语言支持。
  • 🎨 深入每个细节的主题定制能力。

🖥 支持环境

  • 现代浏览器和 IE11 及以上。
  • 支持服务端渲染。
  • Electron
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 安装

npm install antd --save
yarn add antd

🔨 示例

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker />
  </>
);

引入样式:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

你也可以使用 babel-plugin-import

🛡 TypeScript

参考 在 TypeScript 中使用。

🌍 国际化

参考 国际化文档

🔗 链接

⌨️ 本地开发

你可以使用 Gitpod 进行在线开发:

Open in Gitpod

或者克隆到本地开发:

$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

打开浏览器访问 http://127.0.0.1:8001 ,更多本地开发文档

🤝 参与共建 PRs Welcome

请参考贡献指南.

强烈推荐阅读 《提问的智慧》《如何向开源社区提问题》《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

Let's fund issues in this repository

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(28)
发表了资讯
11/29 07:01

Ant design 5.0.2 发布

Ant Design 5.0.2 现已发布,主要修复了 5.0 版本的一些 Bug ,变化如下: 修复 Card 组件设置 bodyStyle 的背景颜色后圆角失效的问题。#38973 优化错误色的默认算法。#38933 修复 RTL 模式下的样式问题。#38829 Space.Compact Space.Compact 包裹单个子组件时,展示该子组件本身的样式。#38896 修复 Space.Compact 组件嵌套 Modal,Dropdown,Drawer 等组件时的样式问题。#38870 修复横向 Menu 组件有溢出时宽度问题。#38989 ...

0
1
发表了资讯
11/24 07:32

Ant design 5.0.1 已发布

Ant Design 5.0.1 现已发布,主要变化如下: 优化 Empty 组件的 svg 图片在暗色主题下的颜色。#38785 修复 Form, Input, Select, Tree 转换到 CSS-in-JS 丢失少量样式的问题。#38742 修复 Firefox 下拉菜单动画抖动的问题。#38729 Menu 修复 Menu SubMenu 间距问题。#38714 @JarvisArt 修复 Menu 收起时的宽度问题。#38791 @KarasuShin 修复 Menu 暗色主题下高度多了 1px 的问题。#38741 修复 Menu 展开 Submenu 时抖动的问题。...

1
0
发表了资讯
11/21 15:37

Ant Design 5.0 正式发布

Ant Design 5.0 已在上周正式发布。 Ant Design 开发团队表示,同上一个大版本发布一样,他们将会把 v4 从主分支切换至 4.x-stable 分支进入维护状态。v4 将会继续维护 1 年时间,仍然会对 Bug 发布 Patch,但是此后不再接收新的 Feature Request。截止日期为 2023 年年底。原 v4 官网迁移至 https://4x.ant.design/。 下面的重要更新内容摘录自 发布文档。 设计升级 设计方面,我们根据自身业务实践和社区呼声,增加了 4 类新组...

31
10
发表了资讯
11/19 07:15

Ant Design 4.24.3 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.24.2 现已发布,主要变化如下: 修复 Typography 设置 prefixCls 不生效的问题。#38586 🐞 修复 Table 在筛选菜单里按回车时会触发排序的问题。#38585 🆕 Modal 允许透传 mousePosition 来控制弹框动画原点。#38584 🐞 修复 Input.Search loading 时触发 onSearch 的问题。#38578 🐞 修复 Breadcrumb 报出错误的 overlay 警告信息的问题。#38567 更新公告:https://github.com/ant-design/ant-design/rele...

1
0
发表了资讯
11/13 07:42

Ant Design 4.24.2 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.24.2 现已发布,主要变化如下: Image 💄 优化 Image 预览图片的工具栏显示动画的效果,现在工具条不再用缩放动画进场。#36456 🐞 修复 Image 预览图片没有展现错误图片的问题。#38112 Typography 🐞 修复 Typography.Paragraph 在宽度较短时可能出现闪动的问题。#38439 🐞 修复一个 Typography.Text 在 List 内 tooltip 不显示的问题。#38431 🐞 修复 Menu 收起时 SubMenu 闪动的问题。#36636 🐞 修复...

0
3
发表了资讯
11/02 08:19

Ant Design 4.24 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.24 现已发布,主要变化如下: 新增组件 Space.Compact 用以替代 Input.Group 和 Button.Group 组件。#37652 Form 内组件上的 disabled 属性现在将优先于 Form 的 disabled 属性。#37628 Typograph 增加 text 配置,支持同时开启省略与编辑模式时的使用。#37761 Row 组件的 align 和 justify 属性支持设置响应式的值。#37860 Image 增加 preview.scaleStep 属性调整放大缩小的幅度,并将默认的 scaleOffset 设置为 ...

0
1
发表了资讯
10/18 07:02

Ant Design 4.23.6 已发布,企业级 UI 设计语言和 React 实现

Ant Design 4.23.6 已发布,此版本带来如下更改: Table 修复 Table 配置固定表头时的阴影样式问题。#38023 修复 Table 配置省略时丢失 title 属性问题。416c61f 修复 Breadcrumb 不支持数字 0 的问题。#38006 Input 修复 Input.TextArea 配置 autoSize 时会额外渲染 input 节点的问题。#38050 修复 Input.Password 在点击隐藏按钮后 input 上会有 value 属性的问题。#37900 修复 RTL 下 Input.Search 边框样式问题。#37980 修复...

0
1
发表了资讯
09/30 07:02

Ant Design 4.23.3 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.23.3 现已发布,主要变化如下: Tree showLeafIcon 属性支持自定义图标。#37144 Uploader 支持支持 Apple 图片格式: heic、heif。#37651 修复 Typography 在 copyable.tooltip=false 时,复制内容后仍然会展示提示的问题。#37754 修复 Typography ellipsis 在某些情况下不精确的问题。#37700 修复 Divider 在 vertical 模式下仍然会错误展示 children 的问题。#37697 修复 Anchor getCurrentAnchor 不会及时更新的...

0
2
发表了资讯
09/18 07:32

Ant Design 4.23.2 已发布

Ant Design 4.23.2 现已发布,主要变化如下: 修复 Card 传入 tabList 属性时控制台出现废弃警告的问题。#37537 修复 Table filterMode="tree" 时 filterSearch 函数未执行的问题。#37587 修复 Tooltip 的子元素 className 非 string 类型时会被覆盖的问题。#37598 修复 Tree 组件 TreeNode 在可拖拽并且禁用状态下不对齐的问题。#37534 TypeScript 替换已废弃的 React.ReactChild 定义。#37551 更新公告:https://github.com/...

0
1
发表了资讯
09/05 07:04

Ant Design 4.23 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.23 现已发布,主要变化如下: Tooltip 支持 Fragment 子节点展示气泡。#37045 Dropdown.Button 支持 danger 样式。#36810 Input.TextArea 组件 showCount.formatter API 添加 value 参数。#36793 Table 新增 expandable.columnTitle 属性以支持自定义展开列表头。#36794 废弃所有弹窗组件的 visible 属性,统一为 open。 Dropdown 的 visible 改为 open。#37232 Modal 组件的 visible 改为 open。#37084 Drawer 的...

3
2
发表了资讯
08/28 01:37

Ant Design 4.22.8 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.22.8 现已发布,主要变化如下: Table Table 组件添加缺失的 filterCheckAll 法语本地化。#37246 优化 Table 排序功能的无障碍体验。#37167 优化 Popconfirm 组件按钮间距。#37183 去除 Card 重复的 less 样式属性定义。#37170 TypeScript 导出 Menu 条目相关定义。#36681 更多详情可查看:https://github.com/ant-design/ant-design/releases/tag/4.22.8...

2
3
发表了资讯
08/09 07:19

Ant Design 4.22.4 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.22.4 现已发布,主要变化如下: 修复 Drawer zIndex 属性失效的问题。#36958 修复 PageHeader 返回按钮点击后依然有聚焦样式的问题。#36902 修复抽屉 Drawer 组件嵌套时,子抽屉的样式被父抽屉影响的问题。#36845 修复 Mentions 内有滚动条时弹出层偏移的问题。#36898 TypeScript 修复 Avatar onClick 属性定义丢失的问题。#36940 修复 Table onChange 参数 sorter 类型报错的问题。#36710 Input data-* 属性将不再...

0
2
发表了资讯
08/02 07:37

Ant Design 4.22.3 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.22.3 现已发布,主要变化如下: 🐞 修复在 React 18 版本中 Uploader 的 fileList 发生更新后出现闪烁的情况。#36801 🐞 修复 Form.Item 在垂直布局下使用小尺寸的 labelCol 和 wrapperCol 时不换行的问题。#36800 🐞 修复 Row 在 flex 布局中占据过多空间的问题。#36770 更新公告:https://github.com/ant-design/ant-design/releases/tag/4.22.3...

0
1
发表了资讯
07/27 07:12

Ant Design 4.22 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.22 现已发布,主要变化如下: Form Form 新增 Form.Item.useStatus 用于获取 Form.Item 的校验状态。#36486 Form 支持 setFieldValue 以简化设置数字单个值的操作流程。#36058 修复 Form.Item 在快速切换校验状态时高度抖动的问题。#36575 Radio.Group 支持 onBlur 和 onFocus 属性。#36041 Typography ellipsis.tooltip 属性支持传入一个对象。#36099 重构 Drawer 移除直接的 dom 操作以使其更符合 React 运作方式...

2
1
发表了资讯
07/19 07:14

Ant Design 4.21.7 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.21.7 现已发布,主要变化如下: 新增 Skeleton.Node 子组件,允许用户自定义 Skeleton 的内容。#36441 Form 修复 Form 下设置 Select 百分比宽度时会有未预期空行问题。#36484 修复 Form 设为禁用时、内部的 Upload 组件仍能上传文件的问题。#36573 修复 Tree 非 draggable 依然展示可拖拽图标的问题。#36511 @Wxh16144 修复 Upload 在预览包含 <foreignObject> 及跨域链接的 SVG 文件时发生错误的问题。#36402 修...

0
0
发表了资讯
07/12 07:01

Ant Design 4.21.6 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.21.6 现已发布,主要变化如下: 修复 Skeleton 在 Safari 下开启 active 时圆角丢失的问题。#36445 修复 Breadcrumb 作为 List 最后一个元素时,分割线丢失的问题。#36448 修复 Upload 移除文件时状态色会变化的问题。#36439 修复 DatePicker 配置 status 时的样式问题。#35685 Table 修复 Table 横向滚动的阴影样式问题。#36420 修复 Table 鼠标悬浮时的性能问题。#36383 微调 Modal 标题上关闭按钮尺寸。#36309 ...

1
1
发表了资讯
07/05 07:03

Ant Design 4.21.5 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.21.5 现已发布,主要变化如下: 修复 Checkbox 不会被 Form disabled 属性禁用的问题。#36345 修复 Button loading 属性传入 null 时错误问题。#36288 @kejianfeng 修复弹出框箭头在某些浏览器上的兼容性问题。#36266 修复 Table 滚动阴影在内嵌表格内出现的问题。#36277 修复 Divider 部分类名无法自定义的问题。#36271 @alanhaledc 调整白俄罗斯国际化语言。#36265 更多详情可查看:https://github.com/ant-desi...

1
2
发表了资讯
06/28 07:02

Ant Design 4.21.4 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.21.4 现已发布,主要变化如下: Table 🐞 修复 Table 展开图标未居中的问题。#36215 💄 修复 Table 内嵌 Table 时的边距问题。#36209 🐞 Table 取消选择或批量操作时重置上一次选择的 key。#34705 🐞 修复 Table 过滤列表在某些场景下多级展开无法关闭的问题。#36132 🐞 修复 Upload listType="picture-card" 当 children 为空时上传文件按钮没有隐藏的问题。#36196 🐞 修复 Popover 自定义 color 时箭...

0
2
发表了资讯
06/14 07:07

Ant Design 4.21.1 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.21.1 现已发布,主要变化如下: 修复 Image getContainer 属性没有从 ConfigProvider 中读取的问题。#36002 修复 Button 有 href 时 disabled 属性不生效的问题。#35952。#35975 修复 Upload 组件动画闪烁的问题。#35943 修复 less 色彩算法,使其和 @ant-design/colors 保持一致。#35954 Form.Item 中的 Modal 或 Drawer 组件包含的控件去除 status 等受 Form 影响的样式。#35849 TypeScript 修复 Dropdown autoF...

0
2
发表了资讯
06/08 07:20

Ant Design 4.21 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.21 现已发布,主要变化如下: 新增 Form 级别控制输入组件 disabled。#35210 Tabs 组件支持 popupClassName 用于更多菜单。#35892 Table 组件 rowSelection.onChange 新增 info.type 参数。#35598 Typography.Paragraph 的 copyable 属性支持 format 以重置剪切板数据的 Mime Type。#35219 TreeSelect 支持 treeExpandAction 定义展开操作。 #35618 ConfigProvider ConfigProvider 支持全局配置 Pagination showS...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
28 评论
1.4K 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部