
The Lightelligence design system React Components
npm install @lightelligence/react
Lightelligence React is a set of React components, styled according to our design system. It is a React.js implementation of Lightelligence Styles.
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.
MIT