Getting started

To get started run npm install or yarn install lite-react-ui.

npm install lite-react-ui

Import a component

import { TextField } from 'lite-react-ui';

<TextField 
  placeholder="placeholder" 
  value={} 
  onChange={} 
/>

Import base styles

Import the namespaced global CSS for basic styling in your apps root container component

// Webpack 4 or less
import 'lite-react-ui/dist/style.css';

// Webpack 5
import 'lite-react-ui/css';

You can modify the font type used by providing setting your own global font styles or providing a font class to a lite-react-ui component for example.

/* some CSS
.my-own-font-class {
  font-family: 'Roboto';
} 
*/
<TextField className="my-own-font-class" />