lilypad

React Component Library

!Alt text

Installation

npm:

``sh
npm install @mozilla/lilypad-ui
`

yarn:

`sh
yarn add @mozilla/lilypad-ui
`

Getting started with Lilypad

Here is an example of a basic app using Lilypad's Button component:

`jsx
import * as React from 'react';
import { Button } from '@mozilla/lilypad-ui';

function App() {
return (

);
}
`

Storybook

click here!

Adding Styles

`scss
@import '@mozilla/lilypad-ui/dist/styles/theme.scss';
`

`jsx
// Set to Light Theme,
// Note: if a "data-theme" is not set on

it will default the "light" theme

// Set to Dark Theme

// Get theme from users settings "dark" or "light"

``

This will also let you access all of the great utility classes here utility.scss.

Feel free to override these CSS variables with your own colors!

License

This project is licensed under the terms of the
Mozilla Public License 2.0.