react-burgers/README.md

[https://react-burgers.netlify.com/](https://react-burgers.netlify.com/)

# react-burgers

[https://react-burgers.netlify.com/](https://react-burgers.netlify.com/)

A React-only implementation of [Johnathan Suh's Hamburgers](https://jonsuh.com/hamburgers/). No Sass or CSS required.

## Installation

With npm:

```bash
npm install --save react-burgers
```

Or with Yarn:

```bash
yarn add react-burgers
```

## Usage

```jsx
import { Slider } from 'react-burgers'

...

<Slider />
```

## Animation Types

- Arrow
- ArrowReverse
- ArrowAlt
- ArrowAltReverse
- ArrowTurn
- ArrowTurnReverse
- Boring
- Collapse
- CollapseReverse
- Elastic
- ElasticReverse
- Emphatic
- Minus
- PerspectiveX
- PerspectiveXReverse
- PerspectiveY
- PerspectiveYReverse
- PerspectiveXY
- PerspectiveXYReverse
- Slider
- SliderReverse
- Spin
- SpinReverse
- Spring
- SpringReverse
- Squeeze
- Stand
- StandReverse
- Vortex
- VortexReverse

## Properties

Property | Default
--- | ---
width | `40`
lineHeight | `4`
lineSpacing | `6`
color | `"#000"`
borderRadius | `0`
padding | `"15px"`