mirror of
https://github.com/zhigang1992/react.git
synced 2026-02-11 22:32:32 +08:00
54 lines
1.2 KiB
Markdown
54 lines
1.2 KiB
Markdown
<p align="center" height="370">
|
|
<img align="center" height="370" src="https://user-images.githubusercontent.com/11304944/76085431-fd036480-5fec-11ea-8412-9e581425344a.png">
|
|
</p>
|
|
|
|
> @zeit-ui/react -- React implementation for [ZEIT Style](https://github.com/zeit-ui/zeit-style), originating from [ZEIT Design](https://zeit.co/design).
|
|
|
|
<br/>
|
|
|
|
## Quick Start
|
|
|
|
1. run `yarn add @zeit-ui/react` or `npm i @zeit-ui/react` install it.
|
|
|
|
2. import to projcet:
|
|
|
|
```jsx
|
|
import { CSSBaseline, ZEITUIProvider } from '@zeit-ui/react'
|
|
|
|
const Application = () => {
|
|
return (
|
|
<ZEITUIProvider> // ---> Base provider
|
|
<CSSBaseline /> // ---> normalize styles
|
|
<AppComponent /> // ---> Your App Component
|
|
</ZEITUIProvider>
|
|
)
|
|
}
|
|
```
|
|
|
|
<br/>
|
|
|
|
## Documentation
|
|
|
|
- [Document Site](https://react.zeit-ui.co/)
|
|
|
|
<br/>
|
|
|
|
## Development
|
|
|
|
1. fork and clone.
|
|
2. start: `yarn && yarn dev`
|
|
|
|
<br/>
|
|
|
|
## Showcases
|
|
|
|
- [views.show](https://docs.views.show/)
|
|
- [tree viewer for cdn](https://cdn.unix.bio/)
|
|
- [Implement of ZEIT's Dashboard](https://github.com/ofekashery/zeit-dashboard-template)
|
|
- [Add here](https://github.com/zeit-ui/react/issues/new)
|
|
|
|
<br/>
|
|
|
|
## LICENSE
|
|
[MIT](./LICENSE)
|