react-burgers-classname

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

A React-only implementation of Johnathan Suh's Hamburgers. No Sass or CSS required.

Installation

With npm:

npm install --save react-burgers-classname

Or with Yarn:

yarn add react-burgers-classname

Usage

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