react-burgers-classname/README.md

fork of: [https://react-burgers.netlify.com/](https://react-burgers.netlify.com/) with added support for own className

# react-burgers-classname

fork of:
[https://react-burgers.netlify.com/](https://react-burgers.netlify.com/)
with added support for own className

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-classname
```

Or with Yarn:

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

## Usage

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

...

<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"` |