Ant Design

• 💄 Fix Button, Collapse, ColorPicker, Layout, Select, Space.Addon, Tree, and Typography borders not respecting the global lineWidth and lineType Design Tokens. #58740 #58741 #58742 #58743 #58745 #58755 @li-jia-nan @QDyanbing
• 🐞 Fix BorderBeam, Checkbox, and Switch reduced-motion styles causing Lightning CSS minification failures. #58707 @QDyanbing
• Tag
• 💄 Fix Tag missing spacing and incorrect vertical alignment for bare <svg> icons from third-party icon libraries. #58723 @mohamedkhaled4053
• 🐞 Fix Tag navigation being triggered when clicking the close icon with both href and closable set. #58720 @QDyanbing
• 🐞 Fix Input.OTP dropping root DOM event handlers including onPointerDown, onAnimationEnd, onTransitionEnd, and onScrollEnd. #58697 react-component/util#794 @aojunhao123
• 🐞 Fix Form triggering a hook-order warning in React 19 when using the UMD development build. #58417 @biubiukam
• 💄 Fix Table missing the top border when a bordered nested table is wrapped by Tabs or custom content. #58746 @QDyanbing
• 🐞 Fix Input.Search custom enterButton not respecting the component's disabled and loading states. #58726 @QDyanbing
• 🐞 Fix Transfer custom action buttons passed through actions not preserving their own disabled state. #58718 @QDyanbing
• 🐞 Fix Tree rootStyle being ignored, and deprecate it in favor of styles.root. #58709 @QDyanbing
• 🐞 Fix Grid Col ignoring numeric 0 for the flex prop in regular and responsive configurations. #58719 @QDyanbing
• 🐞 Fix InputNumber not displaying suffix when Form feedback is enabled. #58703 @QDyanbing
• ⌨️ Fix Splitter percentage-based aria-valuemin and aria-valuemax values before container measurement, and prevent lazy drag previews from exceeding bounds next to zero-sized panels. #58702 @QDyanbing
• 📖 Fix the ant.design homepage theme preview resetting the selected theme during rerenders. #58687 @meet-student
• 📝 Correct Anchor offsetTop default value to 0 in the Chinese documentation. #58710 @dogledogle

---

• 💄 修复 Button、Collapse、ColorPicker、Layout、Select、Space.Addon、Tree 和 Typography 边框未响应全局 lineWidth 与 lineType Design Token 的问题。#58740 #58741 [#58742](https://g

<div align="center"><a name="readme-top"></a>

<img height="180" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">

<h1>Ant Design</h1>

An enterprise-class UI design language and React UI library.

[![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url] [![][bundlephobia-image]][bundlephobia-url] [![][jsdelivr-image]][jsdelivr-url]

[![Follow Twitter][twitter-image]][twitter-url] [![dumi][dumi-image]][dumi-url] [![FOSSA Status][fossa-image]][fossa-url] [![Issues need help][help-wanted-image]][help-wanted-url] [![LFX Active Contributors][lfx-image]][lfx-url]

Changelog · [Report Bug][github-issues-url] · [Request Feature][github-issues-url] · English · 中文

❤️ Sponsors image

| <a href="https://youmind.com?utm_source=ant-design"><img src="https://mdn.alipayobjects.com/huamei_vmgq1x/afts/img/ASXcuQYBZ6oQAAAAAQJAAAAgAeh6VAQ/original" width="80" alt="YouMind"></a> | <a href="https://tractian.com?utm_source=ant-design"><img src="https://mdn.alipayobjects.com/huamei_vmgq1x/afts/img/AZ4-4Q67SG5UAAAAAQLAAAAgAeh6VAQ/original" width="80" alt="TRACTIAN"></a> | <a href="https://lobehub.com?utm_source=ant-design"><img src="https://unpkg.com/@lobehub/icons-static-svg@1.79.0/icons/lobehub-color.svg" width="80" alt="LobeHub"></a> | <a href="https://coderabbit.ai?utm_source=ant-design"><img src="https://mdn.alipayobjects.com/huamei_vmgq1x/afts/img/A*yHnhRL4x1DEAAAAAQBAAAAgAeh6VAQ/original" width="80" alt="CodeRabbit"></a> |

| :-: | :-: | :-: | :-: |

[npm-image]: https://img.shields.io/npm/v/antd.svg?style=flat-square

[npm-url]: https://npmjs.org/package/antd

[github-action-image]: https://github.com/ant-design/ant-design/actions/workflows/test.yml/badge.svg

[github-action-url]: https://github.com/ant-design/ant-design/actions/workflows/test.yml

[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/ant-design/master.svg?style=flat-square

[codecov-url]: https://codecov.io/gh/ant-design/ant-design/branch/master

[download-image]: https://img.shields.io/npm/dm/antd.svg?style=flat-square

[download-url]: https://npmjs.org/package/antd

[fossa-image]: https://app.fossa.io/api/projects/git%2Bgithub.com%2Fant-design%2Fant-design.svg?type=shield

[fossa-url]: https://app.fossa.io/projects/git%2Bgithub.com%2Fant-design%2Fant-design?ref=badge_shield

[help-wanted-image]: https://img.shields.io/github/issues/ant-design/ant-design/help%20wanted?color=green&style=flat-square

[help-wanted-url]: https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22

[twitter-image]: https://img.shields.io/twitter/follow/AntDesignUI.svg?label=Ant%20Design

[twitter-url]: https://twitter.com/AntDesignUI

[jsdelivr-image]: https://data.jsdelivr.com/v1/package/npm/antd/badge

[jsdelivr-url]: https://www.jsdelivr.com/package/npm/antd

[bundlephobia-image]: https://img.shields.io/bundlephobia/minzip/antd?style=flat-square

[bundlephobia-url]: https://bundlephobia.com/package/antd

[dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square

[dumi-url]: https://github.com/umijs/dumi

[github-issues-url]: https://new-issue.ant.design

[lfx-image]: https://insights.linuxfoundation.org/api/badge/active-contributors?project=ant-design-ant-design&repos=https://github.com/ant-design/ant-design

[lfx-url]: https://insights.linuxfoundation.org/project/ant-design-ant-design/repository/ant-design-ant-design

</div>

image

✨ Features

• 🌈 Enterprise-class UI designed for web applications.
• 📦 A set of high-quality React components out of the box.
• 🛡 Written in TypeScript with predictable static types.
• ⚙️ Whole package of design resources and development tools.
• 🌍 Internationalization support for dozens of languages.
• 🎨 Powerful theme customization based on CSS-in-JS.

🖥 Environment Support

• Modern browsers
• Server-side Rendering
• Electron

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" /><br>Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /><br>Electron |

| --- | --- | --- | --- | --- |

| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

📦 Install

npm install antd

yarn add antd

pnpm add antd

bun add antd

🔨 Usage

import { Button, DatePicker } from 'antd';

export default () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

🔗 Links

• Home page
• Components Overview
• Sponsor
• Change Log
• rc-components
• 🆕 Ant Design X
• Ant Design Pro
• Pro Components
• Ant Design Mobile
• Ant Design Mini
• Ant Design Charts
• Ant Design Web3
• Landing Pages
• Ant Motion
• Scaffold Market
• Developer Instruction
• Versioning Release Note
• FAQ
• Online Playground for bug reports
• Customize Theme
• How to Apply for Being A Collaborator

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

opensumi.run

Or clone locally:

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

Open your browser and visit http://127.0.0.1:8001, see more at Development.

🤝 Contributing PRs Welcome

<table>

<tr>

<td>

<a href="https://next.ossinsight.io/widgets/official/compose-recent-top-contributors?repo_id=34526884" target="_blank" style="display: block" align="center">

<picture>

<source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-recent-top-contributors/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=dark" width="280">

<img alt="Top Contributors of ant-design/ant-design - Last 28 days" src="https://next.ossinsight.io/widgets/official/compose-recent-top-contributors/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=light" width="280">

</picture>

</a>

</td>

<td rowspan="2">

<a href="https://next.ossinsight.io/widgets/official/compose-last-28-days-stats?repo_id=34526884" target="_blank" style="display: block" align="center">

<picture>

<source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-last-28-days-stats/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=dark" width="655" height="auto">

<img alt="Performance Stats of ant-design/ant-design - Last 28 days" src="https://next.ossinsight.io/widgets/official/compose-last-28-days-stats/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=light" width="655" height="auto">

</picture>

</a>

</td>

</tr>

<tr>

<td>

<a href="https://next.ossinsight.io/widgets/official/compose-org-active-contributors?period=past_28_days&activity=new&owner_id=12101536&repo_ids=34526884" target="_blank" style="display: block" align="center">

<picture>

<source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?period=past_28_days&activity=new&owner_id=12101536&repo_ids=34526884&image_size=2x3&color_scheme=dark" width="273" height="auto">

<img alt="New participants of ant-design - past 28 days" src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?period=past_28_days&activity=new&owner_id=12101536&repo_ids=34526884&image_size=2x3&color_scheme=light" width="273" height="auto">

</picture>

</a>

</td>

</tr>

</table>

<a href="https://openomy.app/github/ant-design/ant-design" target="_blank" style="display: block; width: 100%;" align="center">

<img src="https://openomy.app/svg?repo=ant-design/ant-design&chart=bubble&latestMonth=3" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />

</a>

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contribution Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Let's fund issues in this repository

❤️ Backers image

image