Skip to content

Latest commit

 

History

History
42 lines (36 loc) · 938 Bytes

README.md

File metadata and controls

42 lines (36 loc) · 938 Bytes

React github repositories card

Why?

Just have fun and learn some things of React.

Should i use this?

Nah, it's just a test, and not finished yet :C

Usage

<div id="repos"></div>
<script>
    ghrepos(
        document.getElementById('repos') // DOM Element,
        'torvalds', // github user
        {} // options
    )
</script>

Options

This is the default options object, by passing an object as third argument it will merge with default settings and render the card, so be free to modify any of properties.

{
    forks: true,
    button:{
        color: '#2a4366',
        text: 'repositories',
        textColor: '#fff'
    },
    container: {
        color: '#725252',
        strip: '#AB6D7D',
        text: '#fff',
        icons: '#AB7C94'
    }
}

Credits

The html/css was taken from a codepen (i am noob at html & css) , you can see it here: https://codepen.io/BeanBaag/pen/dzyGpM