<p align="center"><img width="160px" src="https://chenmingzhen.github.io/ethan-ui-library/images/ui.png"/></p>

<h1 align="center">Ethan ui</h1>

<div align="center">

![Stars](https://img.shields.io/github/stars/chenmingzhen/ethan-ui-library.svg?style=social)
![Forks](https://img.shields.io/github/forks/chenmingzhen/ethan-ui-library.svg?style=social)
![Watch](https://img.shields.io/github/watchers/chenmingzhen/ethan-ui-library.svg?style=social)

</div>

## 💻 支持环境

-   React >= 17
-   除 IE 外的浏览器

## 🚀 CDN

```html
<link rel="stylesheet" href="https://unpkg.com/ethan-ui/dist/theme.default.css" />
<script src="https://unpkg.com/ethan-ui/dist/Ethan.min.js"></script>
```

## 📦 安装

```bash
npm install ethan-ui

or

yarn add ethan-ui
```

## 🔨 使用

```tsx
import { Button } from 'ethan-ui'

const App = () => <Button type="primary">PRESS ME</Button>
```

**引入其中一个样式文件**

```typescript
import 'ethan-ui/dist/theme.default.css'
import 'ethan-ui/dist/theme.ethan.css'
import 'ethan-ui/dist/theme.antd.css'
```

## 📋 文档

[https://chenmingzhen.github.io/ethan-ui-library](https://chenmingzhen.github.io/ethan-ui-library)

## ⌨️ 本地调试运行

```bash
npm install

npm run start

or

yarn install

yarn start
```

## 🔗 参考链接

-   [shineout](https://github.com/sheinsight/shineout)

-   [antd](https://github.com/ant-design/ant-design)

-   [zent](https://github.com/youzan/zent)

-   [react-photo-view](https://github.com/MinJieLiu/react-photo-view)
