yzsd/README.md

a niubi UI component

<h1 align="center">Yzs Design</h1>

<div align="center">

A niubi UI design language and React UI library.

[![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url] [![][bundlesize-js-image]][unpkg-js-url]

[npm-image]: https://img.shields.io/npm/v/yzsd.svg?style=flat
[npm-url]: https://npmjs.org/package/yzsd
[download-image]: http://img.shields.io/npm/dm/yzsd.svg?style=flat
[download-url]: https://npmjs.org/package/yzsd
[bundlesize-js-image]: https://img.badgesize.io/https:/unpkg.com/yzsd/dist/yzsd.min.js?label=yzsd.min.js&compression=gzip&style=flat-square
[unpkg-js-url]: https://unpkg.com/browse/yzsd/dist/yzsd.min.js

</div>


## ✨ 特性

- 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
- 📦 开箱即用的高质量 React 组件。
- 🛡 使用 TypeScript 开发，提供完整的类型定义文件。
- ⚙️ 应用开发框架和设计工具配套。


## 🖥 兼容环境

- 现代浏览器。
- 支持服务端渲染。
- [Electron](https://www.electronjs.org/)

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron |
| --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |


## 📦 安装

```bash
npm install yzsd --save
```

```bash
yarn add yzsd
```

## 🔨 示例

```js
import React from 'react';
import { Button } from 'yzsd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
  </>
);
```

### 🛡 TypeScript

## 🌍 国际化