react-ghfork

0.5.2 • Public • Published

build status

react-ghfork - GitHub fork image for React

This component wraps GitHub fork ribbon CSS by Simon Whitaker into a React component behind a simple API:

var Fork = require('react-ghfork');
 
require('react-ghfork/gh-fork-ribbon.ie.css'); // ie support
require('react-ghfork/gh-fork-ribbon.css');
 
...
 
module.exports = function() {
    var project = 'bebraw/react-ghfork';
 
    return <article>
        <Fork project={project} className='left'></Fork>
        <Fork project={project} className='right' style={{
            backgroundColor: '#000'
        }}></Fork>
        <Fork project={project} className='left-bottom' style={{
            backgroundColor: '#060'
        }}></Fork>
        <Fork project={project} className='right-bottom' text='Forkkaa minut'></Fork>
 
        <div dangerouslySetInnerHTML={{__html: readme}}></div>
    </article>;
};

Acknowledgements

Styling by Simon Whitaker (MIT). This library just wraps his work.

License

react-ghfork is available under MIT. See LICENSE for more details.

Readme

Keywords

Package Sidebar

Install

npm i react-ghfork

Weekly Downloads

6

Version

0.5.2

License

MIT

Unpacked Size

20.3 kB

Total Files

22

Last publish

Collaborators

  • bebraw