README.md

react-gist

Use this component to add a github gist on your website.

Get the id from the gist url https://gist.github.com/{your_name}/{id} and set it as a property of the component.

Example

Single-file gist:

var React = require('react');
var Gist = require('react-gist');

React.render(
    <Gist id='5104372' />,
    document.body
);

Multi-file gist:

var React = require('react');
var Gist = require('react-gist');

React.render(
    <Gist id='5995ea726914f280afb3' file='Chef-Dockerfile' />,
    document.body
);

Gist from URL:

NOTE: File cannot be parse from the URL. Supply as separate property.

var React = require('react');
var Gist = require('react-gist');

React.render(
    <Gist url='https://gist.github.com/ringods/5995ea726914f280afb3' file='Chef-Dockerfile' />,
    document.body
);

Usage

<Gist id={string} file={string} />

• id {string} Id of the gist
• file {string} Name of a specific file in a multi-file gist

<Gist url={string} file={string} />

• url {string} URL of the gist
• file {string} Name of a specific file in a multi-file gist

License

MIT, see LICENSE.md for details.