7f189d56e5
* style: remove redundant code * feat(style): add preset colour style generation method (cherry picked from commit 1266e42ba27accb48a6544e3eddaa4a94daef00c) * feat: uniform preset colour generation css selector method (cherry picked from commit 5af87e8d5ffcfd23e755946167f200c0565f8222) * chore: merge preset colors (cherry picked from commit 05040dfb703f60a3ea1715326748c508acbf41a6) * chore: update (cherry picked from commit 241b40a1361469487a6a3e8f1ad07a25d250463d) * chore: remove Badge preset inverse colors * chore: remove fix 删除的这部分其实一个 Bug,但是为了给 PR 减负(尽可能单一, 后面新开一个 PR 来修复这个问题 * suggestions accepted Update components/style/presetColor.tsx Co-authored-by: MadCcc <1075746765@qq.com> Co-authored-by: MadCcc <1075746765@qq.com> |
||
---|---|---|
.circleci | ||
.codesandbox | ||
.dumi | ||
.github | ||
.husky | ||
components | ||
docs | ||
scripts | ||
tests | ||
typings | ||
.antd-tools.config.js | ||
.depslintrc.js | ||
.dockerignore | ||
.dumirc.ts | ||
.editorconfig | ||
.eslintignore | ||
.eslintrc.js | ||
.gitignore | ||
.gitpod.yml | ||
.jest.image.js | ||
.jest.js | ||
.jest.node.js | ||
.jest.site.js | ||
.npmignore | ||
.prettierignore | ||
.prettierrc | ||
.remarkrc.js | ||
.stylelintrc.json | ||
.surgeignore | ||
AUTHORS.txt | ||
CHANGELOG.en-US.md | ||
CHANGELOG.zh-CN.md | ||
CNAME | ||
CODE_OF_CONDUCT.md | ||
index-style-only.js | ||
index-with-locales.js | ||
index.js | ||
jest-puppeteer.config.js | ||
LICENSE | ||
package.json | ||
README-ja_JP.md | ||
README-pt_BR.md | ||
README-sp_MX.md | ||
README-uk_UA.md | ||
README-zh_CN.md | ||
README.md | ||
renovate.json | ||
rome.json | ||
SECURITY.md | ||
tsconfig.json | ||
tsconfig.node.json | ||
webpack.config.js |
Ant Design
English | Português | 简体中文 | Українською | Spanish | 日本語
✨ 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 in every detail.
🖥 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
🔨 Usage
import { Button, DatePicker } from 'antd';
const App = () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
TypeScript
antd
is written in TypeScript with complete definitions, check Use in TypeScript to get started.
🌍 Internationalization
Dozens of languages supported in antd
, see i18n.
🔗 Links
- Home page
- Components Overview
- Ant Design Pro
- Change Log
- rc-components
- Mobile UI
- Ant Design Pro Components
- Ant Design Charts
- Ant Design Icons
- Ant Design Colors
- Landing Pages
- Motion
- Scaffold Market
- Developer Instruction
- Versioning Release Note
- FAQ
- CodeSandbox Template for bug reports
- Customize Theme
- How to Apply for Being A Collaborator
⌨️ Development
Use Gitpod, a free online dev environment for GitHub.
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
Read our contributing guide and let's build a better antd together.
We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)
If you are a collaborator, please follow our Pull Request principle to create a Pull Request with collaborator template.