1.3.0 • Published 5 years ago
react-burgers v1.3.0
react-burgers
https://react-burgers.netlify.com/
A React-only implementation of Johnathan Suh's Hamburgers. No Sass or CSS required.
Installation
With npm:
npm install --save react-burgersOr with Yarn:
yarn add react-burgersUsage
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" |