jmgaya / react-primercss

React ❤️ http://primercss.io
https://jmgaya.github.io/react-primercss/
MIT License
7 stars 0 forks source link

react-primercss
React components for http://primercss.io

Build Status

## [Live demo Storybook 🔎](https://jmgaya.github.io/react-primercss/) ## Installment ``` npm install react-primer ``` ``` yarn add react-primer ``` # `` #### Usage ```js import { Icons } from "react-primer"; import * as Icons from "react-primer/icons"; import { Icn } from "react-primer/icons"; ``` #### Components _[Octicons](https://octicons.github.com/)_ ```js ; ``` # `` #### Usage ```js import { Navigation } from "react-primer"; import Navigation from "react-primer/navigation"; import { NavigationType } from "react-primer/navigation"; ``` #### Components _Menu_ ```js {"This"} {"is"} {"a"} {"menu"} ; ``` _Underline_ ```js {"This"} {"is"} {"an"} {"underline"} ; ``` _Tabs_ ```js {"Some"} {"tabs"} ; ``` # `` #### Usage ```js import { Alert } from "react-primer"; import Alert from "react-primer/alert"; import { AlertType } from "react-primer/navigation"; ``` #### Components _Success_ ```js ; ``` _Warning_ ```js ; ``` _Error_ ```js ; ``` # `` #### Usage ```js import { Avatar } from "react-primer"; import Avatar from "react-primer/avatar"; import { AvatarType } from "react-primer/avatar"; ``` #### Components _Square_ ```js ; ``` _Square with Child_ ```js ; ``` _Group_ ```js ; ``` # `` #### Usage ```js import { Counter } from "react-primer"; import Counter from "react-primer/counter"; ``` #### Components _Default_ ```js ; ``` # `` #### Usage ```js import { Blankslate } from "react-primer"; import Blankslate from "react-primer/blankslate"; ``` #### Components _Default_ ```js ; ``` _Simple_ ```js ; ``` # `