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-burgers

Or with Yarn:

yarn add react-burgers

Usage

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"