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.

/react-ghfork/

    Package Sidebar

    Install

    npm i react-ghfork

    Weekly Downloads

    13

    Version

    0.5.2

    License

    MIT

    Unpacked Size

    20.3 kB

    Total Files

    22

    Last publish

    Collaborators

    • bebraw