React draggable tabs

Sleek animation on hover for react buttons.

Install

just download the repo from npm

npm install react-fluid-buttons --save

Usage

You can import the Tabs component

import { Button, ButtonGroup } from "react-fluid-buttons";
 
...
 
<ButtonGroup>
    <Button onClick={() => alert("You clicked!! ;)")}>Click me</Button>
</ButtonGroup>

You can pass an onClick function to the button and also a style prop. The behaviour is as any button in React, with the added bonus of the hover animation

Example

Checkout the live example here