https://github.com/plouc/react-svg-buttons

React configurable animated svg buttons
https://github.com/plouc/react-svg-buttons

animated icons morph react svg

Last synced: 13 days ago
JSON representation

React configurable animated svg buttons

• Host: GitHub
• URL: https://github.com/plouc/react-svg-buttons
• Owner: plouc
• License: mit
• Created: 2015-07-12T15:41:31.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2024-01-20T20:16:42.000Z (10 months ago)
• Last Synced: 2024-10-09T08:08:25.451Z (about 1 month ago)
• Topics: animated, icons, morph, react, svg
• Language: JavaScript
• Homepage: http://plouc.github.io/react-svg-buttons/
• Size: 877 KB
• Stars: 224
• Watchers: 13
• Forks: 28
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - react-svg-buttons - Configurable animated SVG buttons for react. (Demos / Miscellaneous)
• awesome-react-components - react-svg-buttons - Configurable animated SVG buttons for react. (UI Components / Miscellaneous)

README

        
# React SVG buttons

[![Version][npm-image]][npm-url]

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.

Please, take a look at the [demo](http://plouc.github.io/react-svg-buttons/).

## Installation

```

npm install --save react-svg-buttons

```

## Usage

```javascript

import { render } from 'react-dom'

import {

    MorphIcon,

    CloseButton,

    NavButton,

    PlusButton,

} from 'react-svg-buttons'

const Demo = () => (

    


        

        

        

        

    

)


render(, document.getElementById('demo'))

```

## License

MIT. Copyright (c) 2015 Raphaël Benitte.

[npm-image]: https://img.shields.io/npm/v/react-svg-buttons.svg?style=flat-square

[npm-url]:   https://www.npmjs.org/package/react-svg-buttons