@byhealth/yyj-antd

2020-02-13

@byhealth/yyj-antd

An enterprise-class UI design language and React-based implementation

Ant Design

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

CircleCI branchCI StatusCodecovNPM downloads

DependenciesDevDependenciesTotal alertsFOSSA StatusIssues need help

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

English | Português| 简体中文

✨</g-emoji> features"><g-emoji class="g-emoji" alias="sparkles" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2728.png">✨</g-emoji> Features

  • <g-emoji class="g-emoji" alias="rainbow" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f308.png">🌈</g-emoji> Enterprise-class UI designed for web applications.
  • <g-emoji class="g-emoji" alias="package" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4e6.png">📦</g-emoji> A set of high-quality React components out of the box.
  • <g-emoji class="g-emoji" alias="shield" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f6e1.png">🛡</g-emoji> Written in TypeScript with predictable static types.
  • <g-emoji class="g-emoji" alias="gear" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2699.png">⚙️</g-emoji> Whole package of design resources and development tools.
  • <g-emoji class="g-emoji" alias="earth_africa" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f30d.png">🌍</g-emoji> Internationalization support for dozens of languages.
  • <g-emoji class="g-emoji" alias="art" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3a8.png">🎨</g-emoji> Powerful theme customization in every detail.

🖥</g-emoji> environment support"><g-emoji class="g-emoji" alias="desktop_computer" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f5a5.png">🖥</g-emoji> Environment Support

  • Modern browsers and Internet Explorer 9+ (with polyfills)
  • Server-side Rendering
  • Electron

| IE / EdgeIE / Edge | FirefoxFirefox | ChromeChrome | SafariSafari | OperaOpera | ElectronElectron | | --- | --- | --- | --- | --- | --- | | IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

📦</g-emoji> install"><g-emoji class="g-emoji" alias="package" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4e6.png">📦</g-emoji> Install

npm install antd
yarn add antd

🔨</g-emoji> usage"><g-emoji class="g-emoji" alias="hammer" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f528.png">🔨</g-emoji> 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.

🌍</g-emoji> internationalization"><g-emoji class="g-emoji" alias="earth_africa" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f30d.png">🌍</g-emoji> Internationalization

See i18n.

🔗</g-emoji> links"><g-emoji class="g-emoji" alias="link" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f517.png">🔗</g-emoji> Links

⌨️</g-emoji> development"><g-emoji class="g-emoji" alias="keyboard" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2328.png">⌨️</g-emoji> 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.

🤝</g-emoji> contributing prs welcome"><g-emoji class="g-emoji" alias="handshake" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f91d.png">🤝</g-emoji> Contributing PRs Welcome

Read our contributing guideand let's build a better antd together.

We welcome all contributions. Please read our CONTRIBUTING.mdfirst. You can submit any ideas as pull requestsor as GitHub issues. If you'd like to improve code, check out the Development Instructionsand have a good time! :)

If you are a collaborator, please follow our Pull Request principleto create a Pull Request by collaborator template.

Let's fund issues in this repository

❤️</g-emoji> sponsors and backers "><g-emoji class="g-emoji" alias="heart" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2764.png">❤️</g-emoji> Sponsors and Backers

以上是 @byhealth/yyj-antd 的使用教程帮助文档。


上一篇:@types/classnames
下一篇:@byhealth/antd
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章
暂无相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部