Ant Design 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Ant Design 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Ant Design 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Web框架
开源组织 阿里巴巴
地区 国产
投 递 者 linuxhitlover
适用人群 未知
收录时间 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) 发布并加入讨论🔥
发表了资讯
04/01 10:16

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

An Design 5.16.0 现已发布,主要变化如下: 新增 Input.OTP 组件。#48076 Tag 组件支持在 closable 中配置 aria 属性。#47678 Table 增加 rowHoverable 开启或关闭 hover 效果。#48112 Typography 组件支持异步复制。#48123 Progress 组件 circle 模式下支持 steps。#47940 Table 支持 onScroll 事件用于监听表单内容滚动。#47986 Typography 省略支持展开和收起。#47264 ConfigProvider 支持配置 FloatButton.Group 的 closeI...

1
0
发表了资讯
03/17 11:00

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

An Design 5.15.3 现已发布,主要变化如下: 统一 Modal、Drawer、notification 和 Tour 关闭按钮的样式,并增大 Modal 和 Drawer 关闭按钮的交互区域使其更容易点击。#47909 修复 Badge 和文本元素在 Space 下排版不对齐的问题。#47908 修复 Upload 列表行动点换行的问题。#47898 修复 Typography 配置的 ellipsis.symbol 超出单行高度时,省略行数不正确的问题。#47889 修复 DatePicker 配置自定义 controlHeight 时展示高度不...

1
2
发表了资讯
03/03 10:32

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

An Design 5.15.0 现已发布,主要变化如下: ConfigProvider ConfigProvider 支持 Input.TextArea 组件 allowClear、autoComplete、className、style、classNames、styles 属性。#47589 ConfigProvider 支持 Input 组件 allowClear 属性。#47602 ConfigProvider 支持 Menu 组件 expandIcon 属性。#47561 ConfigProvider 支持 Collapse 组件 expandIcon 属性。#47473 ConfigProvider 支持 Tabs removeIcon 属性, 在设置 type="ed...

0
0
发表了资讯
02/26 13:56

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

An Design 5.14.2 现已发布,主要变化如下: 修复 DatePicker.RangePicker 的时间列有时不会滚动到正确位置的问题。#47542 修复 Modal 在打开期间会触发其他鼠标事件的问题。#47508 修复 Avatar.Group 的 tooltip 存在多余 dom 残留的问题。#47478 修复 Progress 组件多余的 margin 样式。#47493 修复 Table 滚动条在暗黑模式下的颜色。#47487 修复 Layout 内容字体在暗黑模式下的颜色。#47441 修复 Menu 组件在水平暗黑模式下自...

0
0
发表了资讯
02/04 13:46

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

An Design 5.14.0 现已发布,主要变化如下: 重构了 DatePicker 组件,详细改动如下。#46982 DatePicker 新增multiple支持多选能力。 DatePicker 支持showWeek属性。 DatePicker.RangePicker 下的id属性支持分别设置start和end输入框的id。 DatePicker.RangePicker 的onFocus和onBlur事件会额外提供一个info.range告知当前的焦点来自于哪个输入框。 DatePicker.RangePicker 支持order属性。 DatePicker 新增配套pickerValue、d...

1
0
发表了资讯
01/30 14:33

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

An Design 5.13.3 现已发布,主要变化如下: Input 修复 Input.Search 宽度比 Input 少 1px 的问题。#47193 修复 Input 启用 showCount 时在 Space.Compact 下的样式错误。#47112 修复 Descriptions 当 item 的 children 为 null 时丢失单元格右边框样式的问题。#47191 修复 Table column.onFilter 方法未过滤树形数据的问题。#47170 修复 Affix 在 Chrome 缩放 80% 的情况下占位高度异常的问题。#46823 修复 QRCode 在暗黑模式...

2
0
发表了资讯
01/14 10:24

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

An Design 5.13.0 现已发布,主要变化如下: Form 组件新增 variant 属性用于设置内部组件形态变体。#46573 Cascader、DatePicker、Select、TreeSelect、Input、InputNumber、Mentions 组件新增形态变体 variant 属性。#46568 #46549 #46435 #46381 #46379 #46337 QRCode 组件 status 新增已扫描选项。#46704 Table 组件新增 hidden 属性可设置隐藏列。#46957 Select 组件新增支持 maxCount 属性,用于设置最大可选。#46667 Me...

0
1
发表了资讯
01/02 09:57

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

An Design 5.12.6 现已发布,主要变化如下: 修复 Upload 组件包裹 Button 时 Tab 键会聚焦两次的问题。#46432 修复 Modal footer 内 Button 可能重复的边距样式问题。#46702 Select 修复 Select 组件滚动条在某些条件下不会显示的问题。#46696 优化 Select 组件多选时选项样式。#46646 Tree 修复 Tree 组件滚动条在某些条件下不会显示的问题。#46672 优化 Tree 组件 TreeNode 节点聚焦样式。#46608 修复触发打印时,Layout.Si...

0
0
发表了资讯
2023/12/19 11:43

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

An Design 5.12.3 现已发布,主要变化如下: 修复 Tag 组件在 SSR 场景下的样式丢失问题。#46500 Upload 的 disabled 属性不再对下载按钮生效。#46454 Upload.Dragger 增加一个水平内边距。#46457 修复 Upload actions 的颜色问题。#46456 修复 Form 使用 getValueProps 展示值无法更新的问题。#46445 修复 Checkbox 自定义 token.lineWidth 时勾选箭头错位问题。#46431 修复 Select 组件定制 token 会让 padding 失效的问题。#...

0
0
发表了资讯
2023/12/12 10:06

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

An Design 5.12.2 现已发布,主要变化如下: MISC: 修复 React 17 以下使用 webpack 构建时报错 useId 找不到的问题。#46261 Pagination 修复 Pagination 在低版本浏览器上报错的问题。react-component/pagination#545 修复 Pagination simple 模式下 current 受控选中分页不生效的问题。react-component/pagination#546 修复 Table 筛选菜单在 CSS 变量模式下丢失背景色的问题。#46314 优化 Spin 交互,全屏状态时禁止用户触发...

0
0
发表了资讯
2023/12/05 10:12

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

An Design 5.12.0 & 5.12.1 现已发布,主要变化如下: v5.12.0 Component Token 支持 CSS 变量模式,详情见 使用 CSS 变量。 rc-pagination 重构为 FC。#46204 @Wxh16144 Form.useWatch 支持 selector 函数参数调用。#46180 Slider 组件支持 onChangeComplete 事件,并废弃 onAfterChange。#46182 Tabs 配置项 items 支持 icon 属性。#46096 Switch 支持 value and defaultValue 属性。#45747 修复 Progress 进度条视觉效果,渐...

3
0
发表了资讯
2023/11/23 13:40

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

An Design 5.11.3 现已发布,主要变化如下: 修复 Modal 静态方法创建 zIndex 过高会覆盖其他弹出内容的问题。#46012 Image Image 预览支持移动触摸事件交互。#45989 修复 Image 预览在嵌套弹框中 z-index 设置不正确的问题。#45979 修复 Collapse 可折叠区域鼠标 hover 样式问题。#45994 修复 ColorPicker 不支持 Form 组件的禁用问题。#45978 修复 Typography.Text code 在 Layout 下开启 ellipsis 时 tooltip 无效的问题。#...

0
0
发表了资讯
2023/11/18 10:28

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

An Design 5.11.2 现已发布,主要变化如下: 放开 Table virtual 下 components 的限制,现在除了 components.body 都可以自定义。#45857 修复 Button 带有链接且禁用时可以被聚焦到的问题。#45910 修复 zIndex 逻辑,解决多层 Modal 打开时,message 与 notification 被遮盖的问题。#45911 #45864 修复 QRCode 设置 style.padding 时无效的问题。#45815 优化 Carousel 切换条圆角样式。#45817 TypeScript 优化 List 属性 gutt...

0
0
发表了资讯
2023/11/10 10:37

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

An Design 5.11.1 现已发布,主要变化如下: 修复 Dropdown 在嵌套列表时 zIndex 错误的问题。#45761 修复 Upload 显式指定 showRemoveIcon: true 时删除图标未显示的问题。#45752 修复 Descriptions 使用 children 结构语法糖时,会丢失 Descriptions.Item 的 key 的问题。#45757 修复 Message 组件在组件范围设置全局 token 无效的问题。#45721 修复 Popconfirm 不兼容 visible 的问题。#45702 修复默认 Tag 的背景颜色不正确...

0
1
发表了资讯
2023/11/05 10:08

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

An Design 5.11.0 现已发布,主要变化如下: Slider Slider 聚焦滑块时现在会显示 Tooltip。#45653 优化 Slider 交互体验,点击轨道后可直接拖拽滑块。#45651 InputNumber InputNumber 添加 changeOnBlur 属性以支持在失去焦点时不触发 onChange 事件。#45395 修复 InputNumber 组件在 Form 组件中使用并且启用 hasFeedback 时,反馈图标出现会使 InputNumber 失去焦点的问题。#45632 修复 InputNumber 动态改变 formatter 不生...

0
1
发表了资讯
2023/10/31 10:36

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

An Design 5.10.3 现已发布,主要变化如下: 修复 Typography.Text 同时启用 ellipsis 和 code 时丢失右边框样式的问题。#45575 调整 TimePicker 滚动条样式。#45478 #45586 FloatButton.BackTop 支持使用 ref 获取 nativeElement。#45547 修复 Watermark 组件 gap 在数组中含有 undefined 时没有默认值的问题。#45537 修复 Dropdown 在点击子项后总是关闭的问题。#45513 修复 Notification 组件在 windows 系统下的样式问题。#...

0
1
发表了资讯
2023/10/21 10:37

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

An Design 5.10.2 现已发布,主要变化如下: Layout 支持自动检测 hasSider 以防止在 SSR 场景下的闪烁问题。#45361 修复 FloatButton.BackTop 组件显示 findDOMNode is deprecated in StrictMode 警告的问题。#45390 修复 ColorPicker 不支持 id 和 data-* 属性的问题。#45413 修复 Table 当 column.showSorterTooltip 是一个对象时排序 tooltip 不显示的问题。#45403 修复 Form inline 模式在小屏幕发生元素重叠的问题。#4534...

0
0
发表了资讯
2023/10/17 10:51

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

An Design 5.10.1 现已发布,主要变化如下: 优化 CSS-in-JS Design Token 缓存命中性能。#45302 为 Checkbox.Group 与 Radio.Group 的 options 添加 id 属性支持。#45287 修复 Affix 组件设置 target 失效的问题。#45314 MISC: 为图标样式设置 csp 属性。#45334 修复 Button 组件 loading 属性设置为 { delay: 0 } 时不显示加载状态。#45282 修复 Segmented 在 Safari 下切换时的样式跳动问题。#45310 修复 Watermark可以使用浏...

1
0
发表了资讯
2023/10/11 13:52

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

An Design 5.10.0 现已发布,主要变化如下: 新增 Flex 组件,用于设置弹性布局。#44362 Notification 组件支持 stack 配置,默认超过三个以上的提示会堆叠起来。#44618 更新 Input、InputNumber、Select、Cascader、TreeSelect、DatePicker、ColorPicker 的激活态样式。#45009 Watermark 支持通过 textAlign 设置文本对齐方向。#44888 Slider 支持任意节点数并且将 xxxStyle 迁移至语义化 styles 和 classNames 属性中。#4500...

0
3
发表了资讯
2023/09/26 10:32

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

Ant Design 5.9.3 现已发布,主要变化如下: 修复 Popover 超出屏幕时不会自动调整偏移的问题。#45015 Tooltip Tooltip 删除对 disabled 子元素额外包括 span 的逻辑,现在始终能够正确触发。#44895 修复 Tooltip / Popover 在内容高度变化时,位置会闪动的问题。#44976 ComponentToken 移除 radiusBase 必须小于 16 的限制。#44980 修复 Dropdown 通过 dropdownRender 渲染的子节点配置 ref 不生效的问题。#44971 修复 Table ...

0
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
登录后可查看更多优质内容
返回顶部
顶部