daren-k/react-rainbow

React Rainbow components

React Rainbow

React Rainbow is a collection of components that will reliably help you build your application in a snap. Give it a hack and let us know what you think.

Installation

React Rainbow components is available as an npm package.

$ yarn add react-rainbow-components

or

$ npm install react-rainbow-components --save

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'react-rainbow-components/components/Button';

function App() {
    return (
        <Button
            label="Hello World!"
            variant="brand"
            onClick={() => alert('Hello World!')}
        />
    );
}

ReactDOM.render(
    <App />,
    document.getElementById('container')
);

Yes, it's really all you need to get started as you can see in this live and interactive demo:

Running locally

1. git clone https://github.com/90milesbridge/react-rainbow.git
2. cd react-rainbow
3. yarn install
4. yarn start
5. navigate to http://localhost:6060/