/lumen-labs

React library of basic components based on Tailwind CSS

Primary LanguageCSS

lumen-labs

A React user interface kit built with TailwindCSS.

Getting started

Firstly, install lumen-labs:

npm i @eqworks/lumen-labs

Next, install the required peer dependencies:

npm i -D tailwindcss@latest postcss@latest autoprefixer@latest

Once you have installed all the required dependencies, you can start using lumen-labs components:

import { Button, Chip } from "@eqworks/lumen-labs";

const MyComponent = () => (
  <div>
    <Chip>CHIP</Chip>
    <Button variant="outlined" size="md">
      Click me
    </Button>
  </div>
);

Note: You can override the lumen-labs default styling by passing a classes prop to the component.
Click here to find out how to create your own theme/styling using TailwindCSS.