mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity
An enterprise-class UI design language and React UI library
17,013 Commits 13 Branches 757 Tags 591 MiB
TypeScript 99.5%
JavaScript 0.3%
676de29eb4
Go to file
Saeed Rahimi 676de29eb4 feat: added rtl direction to all of ant-design components (#19380) 
* rtl demo change en-us description

* change bundlesize css limit

* RTL: modal component (exclude confirm)

* RTL: table component

* RTL: pagination component

* cleanup rtl demo

* fix pagination.tsx compile error

* RTL: button and button-group

* RTL: Steps component

* fix rtl demo style

* fix input suffix icon alignment

* fix select component arrow issue

* RTL: form component

* add pagination rtl test

* fix test lint error

* RTL: rate component

* RTL: radio and radio group components

* RTL: tree-select component

* some fixes to RTL components

* RTL: badge component

* fix rtl issue in inline form

* fix input component rtl padding issue

* fix switch component text rtl issue

* fix table grouped header text-align

* add rtl support to whole demo with RTL button

* Update rtl demo responsive

* RTL: page-header component

* RTL: typography component

* RTL: Dropdown (Partial)

* update config-provider doc

* RTL: input component

* RTL: select component

* RTL: switch component

* RTL: tree component

* fix rtl demo lint

* rtl demo change en-us description

* RTL: modal component (exclude confirm)

* RTL: table component

* RTL: pagination component

* cleanup rtl demo

* RTL: button and button-group

* RTL: Steps component

* fix rtl demo style

* fix input suffix icon alignment

* RTL: form component

* RTL: rate component

* RTL: radio and radio group components

* RTL: tree-select component

* RTL: badge component

* fix rtl issue in inline form

* fix input component rtl padding issue

* add rtl support to whole demo with RTL button

* fix lost changes after rebase

* fix lint errors

* RTL: Transfer Component

* RTL: upload component

* RTL: update avatar demo

* RTL: comment component

* RTL: collapse component

* RTL: carousel component

* update snapshots

* RTL: Card component

* RTL: descriptions component

* RTL:  Empty component

* RTL: list component

* RTL: slider component

* slider component import/order

* add shared rtlTest

* RTL: Statistic component

* RTL: tooltip components

* RTL: popover component

* RTL: timeline component

* RTL: tag component

* RTL: alert component

* RTL: drawer component

* RTL: Tab component

* change direction definition

* RTL: progress component

* input.tsx, remove duplicate after rebase

* fix demo.less after rebase

* fix ant-row-rtl after rebase

* fix upload issues in rtl

* badge rtl demo margin fix

* fix: tabs with icon margin

* fix: radio-wrapper margin

* fix: table component after rebase

* fix: centered modal text-align

* update slider snapshot

* RTL: popconfirm component

* RTL: back-top component

* RTL: spin component

* RTL: result component

* RTL: skeleton component

* RTL: menu component

* RTL: time-picker component

* RTL: calendar component

* RTL: date-picker component

* RTL: home page

* update snapshots

* test: add auto-complete rtl test

* test: add avatar component rtl tests

* test: add badge component rtl tests

* test: add breadcrumb component rtl tests

* test: add button components rtl tests

* test: add card component rtl tests

* test: add carousel component rtl tests

* test: add cascader component rtl tests

* test: add checkbox component rtl tests

* test: add collapse component rtl tests

* test: add comment component rtl tests

* test: add dropdown component rtl tests

* test: add empty component rtl tests

* test: add form component rtl tests

* test: add grid component rtl tests

* test: add input component rtl tests

* test: add search component rtl tests

* test: add input-number component rtl tests

* test: add layout component rtl tests

* test: add list component rtl tests

* test: add mentions component rtl tests

* test: add modal component rtl tests

* test: add page-header component rtl tests

* test: add pagination component rtl tests

* test: add radio component rtl tests

* test: add rate component rtl tests

* test: add select component rtl tests

* test: add slider component rtl tests

* test: add steps component rtl tests

* test: add switch component rtl tests

* test: add table component rtl tests

* test: add transfer component rtl tests

* test: add tree component rtl tests

* test: add tree-select component rtl tests

* test: add typography component rtl tests

* test: add upload component rtl tests

* test: add affix component rtl tests

* update calendar tests

* increase css file maxSize

* update snapshots

* remove workflows to allow push

* remove duplicate reverse prop from slider

* fix: remove table demo from config-provider

* fix: remove table demo from config-provider

* fix lint error

* Added direction property to ConfigProvider

* cascader rtl tests added

* update config-provider doc

* RTL: grid system

* RTL: input component

* RTL: switch component

* fix rtl demo lint

* RTL: modal component (exclude confirm)

* RTL: table component

* RTL: pagination component

* cleanup rtl demo

* fix pagination.tsx compile error

* RTL: button and button-group

* RTL: Steps component

* fix rtl demo style

* RTL: form component

* add pagination rtl test

* RTL: rate component

* RTL: radio and radio group components

* RTL: tree-select component

* RTL: badge component

* fix rtl issue in inline form

* fix input component rtl padding issue

* add rtl support to whole demo with RTL button

* RTL: input component

* RTL: select component

* RTL: switch component

* RTL: tree component

* fix rtl demo lint

* rtl demo change en-us description

* RTL: modal component (exclude confirm)

* RTL: table component

* RTL: pagination component

* cleanup rtl demo

* RTL: button and button-group

* RTL: Steps component

* fix rtl demo style

* fix input suffix icon alignment

* RTL: form component

* RTL: rate component

* RTL: radio and radio group components

* RTL: tree-select component

* RTL: badge component

* fix rtl issue in inline form

* fix input component rtl padding issue

* add rtl support to whole demo with RTL button

* input.tsx, remove duplicate after rebase

* fix ant-row-rtl after rebase

* update snapshots

* test: add cascader component rtl tests

* test: add pagination component rtl tests

* update calendar tests

* update snapshots

* fix: remove table demo from config-provider

* fix: remove table demo from config-provider

* fix lint error

* update direction.md icons

* dropdown and cascader default placement in rtl

* update snapshots

* fix lint errors

* remove duplicate import

* update snapshots

* update snapshot

* update calendar snapshot

* update snapshots

* integrate with new rc-picker

* update snapshots

* fix lint errors

* update snapshot

* update snapshots

* update snapshots

* update snapshots :|

* update snapshots

* fix compile error.

* fix typo after rebase

* update snapshots

* remove workflows to allow push

* update snapshots

* update snapshots

* fix dist error

* front-page css fix

* update snapshots

* fix lint and test issues

* restore cascader index.less

* update snapshots

* fix logo in rtl and demo controls

* ci errors

* resolve steps/index.tsx conflicts

* tooltip family demo remove inline style

* resolve table/Table.tsx conflicts

* resolve modal/Modal.tsx conflicts

* resolve cascader/index.tsx conflicts

* add workflows from upstream

* update snapshots

* revert logo to default

* fix codebox demo direction of placements

* resolve tooltip overlayClassName conflicts

* update snapshots

* update popover test

* fix: cascader miss popupClassName

* fix: fix select missing dropdownClassName

* chore: Update snapshot

* chore: Adjust menu use rtl logic

* docs: Update demo line color

Co-authored-by: 二货机器人 <smith3816@gmail.com>
2020-01-02 19:10:16 +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 chore: 🔧 fix gh-pages actions (#20260) 2019-12-15 14:53:32 +08:00
components feat: added rtl direction to all of ant-design components (#19380) 2020-01-02 19:10:16 +08:00
docs docs: customize-theme.en-US.md (#20605) 2020-01-02 18:26:45 +08:00
scripts Merge 4.0-prepare into feat-dark-palette 2019-12-25 21:13:07 +08:00
site feat: added rtl direction to all of ant-design components (#19380) 2020-01-02 19:10:16 +08:00
tests feat: added rtl direction to all of ant-design components (#19380) 2020-01-02 19:10:16 +08:00
typings docs: Update 4.0 site (#20290) 2019-12-26 15:27:52 +08:00
.antd-tools.config.js chore: use dark-vars.js 2019-12-18 22:42:09 +08:00
.codecov.yml 🐛 fix progress text align issue (#14024) 2019-01-01 11:42:08 +08:00
.depslintrc.js New Table (#19678) 2019-11-15 14:35:25 +08:00
.editorconfig 🎨 Add emoji in commit message 2018-11-12 14:18:16 +08:00
.eslintignore docs: Update 4.0 site (#20290) 2019-12-26 15:27:52 +08:00
.eslintrc.js clean up eslintrc 2019-12-25 20:25:10 +08:00
.gitignore docs: Update 4.0 site (#20290) 2019-12-26 15:27:52 +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 analysis (#20434) 2019-12-25 15:18:31 +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 stylelint warnings and errors (#20562) 2019-12-31 15:04:00 +08:00
.travis.yml feat: New Form (#17327) 2019-07-03 20:14:39 +08:00
AUTHORS.txt Correct Grammar in Form Component's Documentation (#20381) 2019-12-23 09:13:04 +08:00
azure-pipelines.yml feat: New Form (#17327) 2019-07-03 20:14:39 +08:00
CHANGELOG.en-US.md docs: Add the changelog of 3.26.5 (#20520) 2019-12-29 22:07:36 +08:00
CHANGELOG.zh-CN.md docs: Add the changelog of 3.26.5 (#20520) 2019-12-29 22:07:36 +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 fix: site script 2019-12-20 16:37:10 +08:00
package.json feat: added rtl direction to all of ant-design components (#19380) 2020-01-02 19:10:16 +08:00
README-zh_CN.md docs upgrade (#20460) 2019-12-26 14:37:39 +08:00
README.md merge master 2019-12-25 19:09:17 +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 fix: lint 2019-12-26 15:25:46 +08:00

README.md

Ant Design

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

CircleCI branch CI Status Codecov NPM downloads

Dependencies DevDependencies Total alerts FOSSA Status Issues need help

Gitter Join the chat at https://gitter.im/ant-design/ant-design

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
IE / Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 Opera
Opera		 Electron
Electron
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.

Open in Gitpod

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

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.

Let's fund issues in this repository

❤️ Sponsors and Backers