Skip to content

The React.js implementation of the lightelligence design-system

License

Notifications You must be signed in to change notification settings

lightelligence-io/react

Repository files navigation

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 <RootContainer /> component.

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

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

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

Check out the API reference to see the full documentation.

License

MIT