diff options
| author | Eugene Sokolov <eug-vs@keemail.me> | 2020-10-10 14:11:42 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-10 14:11:42 +0300 |
| commit | 2f96d3e26f433a57af26ecf2ec34b9fec4183d71 (patch) | |
| tree | a8c2b1daf5170923f9e7ccb46f098e30d51e8a08 /README.md | |
| parent | c33c6a521325adafb250124d2814423b3a4187b5 (diff) | |
| parent | 36c0a6b3e7ac72e4e787d5def6b0cc03eae7db6c (diff) | |
| download | react-benzin-2f96d3e26f433a57af26ecf2ec34b9fec4183d71.tar.gz | |
Merge pull request #15 from eug-vs/refactor/orientation
Revise BENZIN orientation
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 39 |
1 files changed, 15 insertions, 24 deletions
@@ -1,14 +1,16 @@ <p align="center"><img src="src/assets/icon.svg" /></p> <h1 align="center"> BENZIN </h1> -[React](https://reactjs.org/) Material components library. It supplies you with cool pre-defined style, while assuring that your project will follow all [Material Design guidelines](https://material.io/). - -[](https://github.com/eug-vs/react-benzin/releases) -[](https://github.com/eug-vs/react-benzin/commits/develop) -[](https://github.com/eug-vs/react-benzin/network/dependencies) -[](https://github.com/eug-vs/react-benzin/releases) -[](https://github.com/eug-vs/react-benzin/blob/develop/LICENSE.md) - +<p align="center"> + <a href="https://reactjs.org/">React</a> <a href="https://material-ui.com/">Material</a> library for content-display featuring Markdown rendering. +</p> +<p align="center"> + <img src="https://img.shields.io/npm/v/react-benzin?logo=npm" /> + <img src="https://img.shields.io/circleci/build/github/eug-vs/react-benzin?logo=circleci" /> + <img src="https://img.shields.io/david/eug-vs/react-benzin" /> + <img src="https://img.shields.io/github/languages/code-size/eug-vs/react-benzin" /> + <img src="https://img.shields.io/npm/l/react-benzin" /> +</p> # Getting started ## Installation @@ -16,26 +18,15 @@ You can easily add **BENZIN** to your project with `npm`: ```bash $ npm install react-benzin ``` -**BENZIN** works best in kick-starting new projects and allows you to focus on the functionality, while all the beauty will be maintained by our library. - -**TIP:** *Create-React-App with Typescript* is your GO-TO in most of the cases. [Learn more.](https://create-react-app.dev/docs/adding-typescript/) +**TIP:** **BENZIN** is designed to work in Material-UI environment, so it's best to use them together: +```bash +$ npm @material-ui/core +``` - + You can find a minimal usage example [here](src/index.tsx). -## Functionality -**BENZIN** provides you with a bunch of cool components that greatly integrate with each other. - -[Explore](src/lib) `src/lib/` folder to see what's available. Documentation is yet to come, but for now you can enjoy type definitons. - -[Chrono-Cube](https://github.com/eug-vs/chrono-cube/) will also be a great example of usage, since it's the actual project which inspired us to create **BENZIN**. - - -# Explore NPM package online -https://www.npmjs.com/package/react-benzin - - # Development ## Running live demo To run a live example, clone a repo and execute following commands: |