react-primercss
React components for http://primercss.io
## [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
;
```
# `
`
#### Usage
```js
import { Button } from "react-primer";
import Button from "react-primer/button";
import { ButtonType } from "react-primer/button";
```
#### Components
_Default_
```js
{}} text="Default" />;
```
_Primary_
```js
{}} text="Primary" />;
```
_Secondary_
```js
{}} text="Secondary" />;
```
_Tertiary_
```js
{}} text="Tertiary" />;
```
_Danger_
```js
{}} text="Danger" />;
```
_Outline_
```js
{}} text="Outline" />;
```
_Disabled_
```js
{}} text="Disabled" disabled />;
```
_With Counter_
```js
{}} text="Counter" count={12} />;
```
_Small_
```js
{}} text="Small" small />;
```
_Group_
```js
;
```
# ``
#### Usage
```js
import { ButtonLink } from "react-primer";
import ButtonLink from "react-primer/button-link";
import { ButtonLinkType } from "react-primer/button-link";
```
#### Components
_Default_
```js
;
```
_Primary_
```js
;
```
_Secondary_
```js
;
```
_Tertiary_
```js
;
```
_Danger_
```js
;
```
_Outline_
```js
;
```
_Disabled_
```js
;
```
_With Counter_
```js
;
```
_Small_
```js
;
```
_Group_
```js
;
```