Home

Awesome

English | 简体中文

<p align="center"> <img alt="react-router" src="https://user-images.githubusercontent.com/101764/44770646-44f53000-ab9b-11e8-834e-2b1394cea318.png" width="300"> </p> <p align="center"> A components library for <a href="https://facebook.github.io/react">React</a> </p> <p align="center"> <a href="https://www.npmjs.com/package/shineout"><img src="https://img.shields.io/npm/v/shineout.svg?style=flat-square"></a> <a href="https://www.npmjs.com/package/shineout"><img src="https://img.shields.io/npm/dm/shineout.svg?style=flat-square"></a> <a href="https://david-dm.org/sheinsight/shineout"><img src="https://img.shields.io/david/sheinsight/shineout.svg?style=flat-square"></a> <img src="https://img.shields.io/badge/React-%3E%3D16.0.0-green.svg?style=flat-square"> </p>

✨ Features

<!-- [View docs here](https://sheinsight.github.io/shineout/) -->

🛠️ Requirements

react >= 16.0.0
react-dom >= 16.0.0

🖥 Browsers support

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /></br>Electron
IE10, IE11, Edgelast 2 versionslast 2 versionslast 2 versionslast 2 versionslast 2 versions

🔍 Examples

<img src="./site/images/form.gif" />

<img src="./site/images/table.gif" />

📦 Installation

npm install shineout

yarn add shineout

pnpm add shineout

⚡ CDN

<link rel="stylesheet" href="https://unpkg.com/shineout/dist/theme.default.css" />
<script crossorigin src="https://unpkg.com/shineout/dist/shineout.min.js"></script>

🔧 Usage

import { Button } from 'shineout'

<Button>Click me</Button>

And import style manually:

import 'shineout/dist/theme.default.css' // or 'shineout/dist/theme.antd.css'

🌐 Internationalization

See i18n

🔗 Links

🚀 Development

clone locally:

$ git clone git@github.com:sheinsight/shineout.git
$ cd shineout
$ yarn
$ yarn start

Open your browser and visit http://localhost:3000

📄 LICENSE

MIT