rg

react-ghfork

GitHub fork image for React (MIT)

Showing:

Readme

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.