Flip Button

A clickable button featuring a smooth flipping animation triggered on hover.

Installation

<FlipButton frontText="Front" backText="Back" />

Use the from prop to change the direction of the flip.

Prop	Type	Default
`from?`	`string`	`top`
`backClassName?`	`string`	-
`frontClassName?`	`string`	-
`className?`	`string`	-
`transition?`	`Transition`	`{ type: "spring", stiffness: 280, damping: 20 }`
`backText`	`string`	-
`frontText`	`string`	-

Built by Skyleen. The source code is available on GitHub.