React Component UI Libray
npm install @mozilla/lilypad-uiReact Component Library
npm:
``sh`
npm install @mozilla/lilypad-ui
yarn:
`sh`
yarn add @mozilla/lilypad-ui
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 (
);
}
`
`scss`
@import '@mozilla/lilypad-ui/dist/styles/theme.scss';
`jsx
// Set to Light Theme,
// Note: if a "data-theme" is not set on
// 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!
This project is licensed under the terms of the
Mozilla Public License 2.0.