/react-1

The React.js implementation of the lightelligence design-system

Primary LanguageJavaScriptMIT LicenseMIT

logo

React

Build Status Code Coverage Dependencies npm (scoped)

The Lightelligence design system React Components

Installation

npm install @lightelligence/react

Features

Lightelligence React is a set of React components, styled according to our design system. It is a React.js implementation of Lightelligence Styles.

Usage

Make sure to include the bundled CSS in your React Application as well as wrapping your content in <Frame /> component.

import React from 'react';
import ReactDOM from 'react-dom';
import '@lightelligence/react/dist/index.css';
import { Button, Frame, COLOR_PRIMARY } from '@lightelligence/react';

const App = () => (
  <Frame>
    <Button color={COLOR_PRIMARY}>Hello World</Button>
  </Frame>
);

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

Check out the API reference to see the full documentation.

License

MIT