mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00

An enterprise-class UI design language and React UI library

ant-design antd design-systems react typescript ui-kit ui-library

Go to file

偏右 59c29a400d ✨ release 3.26.8 (#21187 )		2020-02-03 12:45:28 +08:00
.circleci	fix: should work in old version react (#19262 )	2019-10-17 16:01:46 +08:00
.codesandbox	chore: 📝 improve docs and config json (#20364 )	2019-12-20 15:07:18 +08:00
.github	fix: 3.x deploy site (#20682 )	2020-01-17 12:31:56 +08:00
components	Replace NativeButtonProps with ButtonProps for okButtonProps and cancelButtonProps. (#21165 )	2020-01-31 22:09:49 +08:00
docs	Revert "Update colors.en-US.md (#20606 )" (#20607 )	2020-01-02 18:18:39 +08:00
scripts	chore: check commit (#20880 )	2020-01-14 09:41:57 +08:00
site	🐛 fix site menu affix bug (#21188 )	2020-02-03 12:35:04 +08:00
tests	✅ fix test cases	2019-11-05 01:59:14 +08:00
typings	🐛 fix Icon component ts error with cra definition	2019-12-09 15:27:58 +08:00
.antd-tools.config.js	💄 prittier all files	2019-05-07 14:57:32 +08:00
.codecov.yml	🐛 fix progress text align issue (#14024 )	2019-01-01 11:42:08 +08:00
.depslintrc.js	💄 prittier all files	2019-05-07 14:57:32 +08:00
.editorconfig	🎨 Add emoji in commit message	2018-11-12 14:18:16 +08:00
.eslintignore	✅ restore test coverage (#20071 )	2019-12-04 14:09:39 +08:00
.eslintrc.js	import/extensions:0	2019-12-17 17:37:26 +08:00
.gitignore	fix: Use mock of lodash.debounce (#15904 )	2019-04-07 19:39:04 +08:00
.gitpod.yml	Added Gitpod support (#14307 )	2019-02-08 10:01:01 +08:00
.jest.js	🐛 fix Icon component ts error with cra definition	2019-12-09 15:27:58 +08:00
.jest.node.js	🐛 fix error antd-tools => @ant-design/tools	2019-08-01 15:28:16 +08:00
.jest.site.js	test: official site checker before publish (#19247 )	2019-10-18 21:27:36 +08:00
.npmignore	add: npm publish ignore	2019-04-08 07:59:12 +08:00
.prettierignore	🐛 Do not prettier js in less	2019-05-07 15:45:47 +08:00
.prettierrc	💄 prittier all files	2019-05-07 14:57:32 +08:00
.stylelintrc.json	✅ Fix lint	2019-05-07 15:31:08 +08:00
.travis.yml	🆙 use node 11 in travis	2018-11-28 12:17:49 +08:00
AUTHORS.txt	Correct Grammar in Form Component's Documentation (#20381 )	2019-12-23 09:13:04 +08:00
azure-pipelines.yml	update snapshot (#15247 )	2019-03-07 14:41:17 +08:00
CHANGELOG.en-US.md	✨ release 3.26.8 (#21187 )	2020-02-03 12:45:28 +08:00
CHANGELOG.zh-CN.md	✨ release 3.26.8 (#21187 )	2020-02-03 12:45:28 +08:00
CNAME	chore: Add CNAME	2019-03-22 14:40:49 +08:00
CODE_OF_CONDUCT.md	💄 prittier all files	2019-05-07 14:57:32 +08:00
CODEOWNERS	feat: Add some code owner (#19414 )	2019-10-27 00:19:53 +08:00
crowdin.yml	Update Crowdin configuration file	2018-11-26 23:53:52 +08:00
index-with-locales.js	feat: ConfigProvider support locale (#17816 )	2019-07-24 10:34:55 +08:00
index.js	support prettier	2018-12-07 18:27:30 +08:00
LICENSE	🌱 Upgrade LICENSE	2018-11-28 12:16:59 +08:00
netlify.toml	chore: Update netfly config	2019-06-27 18:50:45 +08:00
package.json	✨ release 3.26.8 (#21187 )	2020-02-03 12:45:28 +08:00
README-zh_CN.md	📝 improve antd features in README	2019-12-16 22:42:30 +08:00
README.md	📝 update feature	2019-12-25 12:48:49 +08:00
tsconfig.json	test: introduce codesandbox ci (#19721 )	2019-11-16 11:39:13 +08:00
tsconfig.test.json	Remove allowSyntheticDefaultImports (#8218 )	2017-11-17 14:38:54 +08:00
webpack.config.js	chore: add packtracker back	2019-11-18 13:00:46 +08:00

README.md

Ant Design

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

English | 简体中文

✨ 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 and Internet Explorer 9+ (with polyfills)
Server-side Rendering
Electron

IE / Edge	Firefox	Chrome	Safari	Opera	Electron
IE9, IE10, IE11, Edge	last 2 versions	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 />
  </>
);

And import style manually:

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

Or use babel-plugin-import.

TypeScript

See Use in TypeScript.

🌍 Internationalization

See i18n.

🔗 Links

⌨️ 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 by collaborator template.