* feat[InputNumber]: deprecated addon* attribute * test: update snap * Update components/form/demo/register.tsx Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * test: update form snap * update * update * feat: change Search addon* * test: demo add annotation * update Search * feat: add Space.Addon * test: use addon in demos * feat: Space.Addon -> Space.CompactCell * test: update compactCell snap * feat: fix style lint * test: update compact-middle class snap * chore: update logic * test: delete if (!button) return input * chore: fix logic * update test snap * update test snap * update test snap * update test snap * test: update test * test: update snap * chore: fix search * revert test * test: update * test: update * feat: add description for CompactCell * feat: change description * docs: add api Version * test: change search style * test: update snap * test: update snap * feat: searchButton text color * fix: border is null whenhover search Button * Update components/space/index.zh-CN.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * Update components/space/index.zh-CN.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * Update components/space/index.en-US.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * Update components/space/index.en-US.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * docs: change Compact description * Update components/space/index.zh-CN.md Signed-off-by: lijianan <574980606@qq.com> * feat: compactCell -> compactAddon * feat: compactAddon -> Addon * docs: Remove component name quotation marks from the document * refactor: Refactoring Space.Addon style and class name * chore: add css var * feat[InputNumber]: deprecated addon* attribute * test: update snap * Update components/form/demo/register.tsx Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * test: update form snap * update * update * feat: change Search addon* * test: demo add annotation * update Search * feat: add Space.Addon * test: use addon in demos * feat: Space.Addon -> Space.CompactCell * test: update compactCell snap * feat: fix style lint * test: update compact-middle class snap * chore: update logic * test: delete if (!button) return input * chore: fix logic * update test snap * update test snap * update test snap * update test snap * test: update test * test: update snap * chore: fix search * revert test * test: update * test: update * feat: add description for CompactCell * feat: change description * docs: add api Version * test: change search style * test: update snap * test: update snap * feat: searchButton text color * fix: border is null whenhover search Button * Update components/space/index.zh-CN.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * Update components/space/index.zh-CN.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * Update components/space/index.en-US.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * Update components/space/index.en-US.md Co-authored-by: lijianan <574980606@qq.com> Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> * docs: change Compact description * Update components/space/index.zh-CN.md Signed-off-by: lijianan <574980606@qq.com> * feat: compactCell -> compactAddon * feat: compactAddon -> Addon * docs: Remove component name quotation marks from the document * refactor: Refactoring Space.Addon style and class name * chore: add css var * chore: adjust style * docs: back * docs: update demo * test: update snapshot * refactor: Restore Search using Compact * refactor: Remove unused wrapCSSVar * test: update snap * test:update snap * refactor: Remove non addon modifications --------- Signed-off-by: EmilyyyLiu <100924403+EmilyyyLiu@users.noreply.github.com> Signed-off-by: lijianan <574980606@qq.com> Co-authored-by: 刘欢 <lh01217311@antgroup.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: lijianan <574980606@qq.com> Co-authored-by: 二货机器人 <smith3816@gmail.com>
Ant Design
An enterprise-class UI design language and React UI library.
Changelog · Report Bug · Request Feature · English · 中文
❤️ Sponsors 
✨ 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
![]() Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
![]() 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
- 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.
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 
|
|
|
|
|
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:





