React configurable animated svg buttons

React SVG buttons

This package provides a component used to compose available buttons, it's able to morph from whatever icon type to another one.

The component exposes 18 icon types.

It also provides a set of button components.

Installation

npm install --save react-svg-buttons

Usage

import { render } from 'react-dom'
import {
    MorphIcon,
    CloseButton,
    NavButton,
    PlusButton,
} from 'react-svg-buttons'

const Demo = () => (
    <div>
        <MorphIcon type="thunderbolt" />
        <CloseButton />
        <NavButton direction="right" opened={false} />
        <PlusButton />
    </div>
)

render(<Demo />, document.getElementById('demo'))

Live Demo

http://plouc.github.io/react-svg-buttons/

GitHub