An enterprise-class UI design language and React components implementation
npm install antd-msbAn enterprise-class UI design language and React UI library.
[![CI status][github-action-image]][github-action-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
[![][bundlesize-js-image]][unpkg-js-url] [![][bundlesize-css-image]][unpkg-css-url]
[npm-image]: http://img.shields.io/npm/v/antd-msb.svg?style=flat-square
[npm-url]: http://npmjs.org/package/antd-msb
[github-action-image]: https://github.com/ant-design/ant-design/workflows/%E2%9C%85%20test/badge.svg
[github-action-url]: https://github.com/ant-design/ant-design/actions?query=workflow%3A%22%E2%9C%85+test%22
[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/ant-design/master.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/ant-design/ant-design/branch/master
[download-image]: https://img.shields.io/npm/dm/antd-msb.svg?style=flat-square
[download-url]: https://npmjs.org/package/antd-msb
[lgtm-image]: https://flat.badgen.net/lgtm/alerts/g/ant-design/ant-design
[lgtm-url]: https://lgtm.com/projects/g/ant-design/ant-design/alerts/
[fossa-image]: https://app.fossa.io/api/projects/git%2Bgithub.com%2Fant-design%2Fant-design.svg?type=shield
[fossa-url]: https://app.fossa.io/projects/git%2Bgithub.com%2Fant-design%2Fant-design?ref=badge_shield
[help-wanted-image]: https://flat.badgen.net/github/label-issues/ant-design/ant-design/help%20wanted/open
[help-wanted-url]: https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
[twitter-image]: https://img.shields.io/twitter/follow/AntDesignUI.svg?label=Ant%20Design&style=social
[twitter-url]: https://twitter.com/AntDesignUI
[discussions-image]: https://img.shields.io/badge/discussions-on%20github-blue?style=flat-square
[discussions-url]: https://github.com/ant-design/ant-design/discussions
[bundlesize-js-image]: https://img.badgesize.io/https:/unpkg.com/antd-msb/dist/antd-msb.min.js?label=antd.min.js&compression=gzip&style=flat-square
[bundlesize-css-image]: https://img.badgesize.io/https:/unpkg.com/antd-msb/dist/antd-msb.min.css?label=antd.min.css&compression=gzip&style=flat-square
[unpkg-js-url]: https://unpkg.com/browse/antd-msb/dist/antd-msb.min.js
[unpkg-css-url]: https://unpkg.com/browse/antd-msb/dist/antd-msb.min.css
[issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square
[issues-helper-url]: https://github.com/actions-cool/issues-helper
[renovate-image]: https://img.shields.io/badge/renovate-enabled-brightgreen.svg?style=flat-square
[renovate-dashboard-url]: https://github.com/ant-design/ant-design/issues/32498

English
- 🌈 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.
- Modern browsers and Internet Explorer 11 (with polyfills)
- Server-side Rendering
- Electron
| 
IE / Edge | 
Firefox | 
Chrome | 
Safari | 
Electron |
| --- | --- | --- | --- | --- |
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
``bash`
npm install antd-msb
`bash`
yarn add antd-msb
`jsx
import { Button, DatePicker } from 'antd-msb';
const App = () => (
<>
>
);
`
And import style manually:
`jsx`
import 'antd-msb/dist/antd-msb.css'; // or 'antd/dist/antd.less'
antd-msb is written in TypeScript with complete definitions, check Use in TypeScript to get started.
Dozens of languages supported in antd-msb`, see i18n.
- Home page
- Components Overview
- Change Log
- rc-components
- Motion
- Scaffold Market
- Developer Instruction
- Versioning Release Note
- FAQ
- CodeSandbox Template for bug reports
- Customize Theme
- How to Apply for Being A Collaborator
Use Gitpod, a free online dev environment for GitHub.