Instalación
-
Instalar el paquete
yarn add lemon-system -
Agregar el
ThemeProvider
import ReactDOM from "react-dom"
import App from ".."
import { ThemeProvider } from "lemon-system"
ReactDOM.render(
<ThemeProvider>
<App />
</ThemeProvider>,
document.getElementById("root")
)Ejemplos de uso:
Componentes
import { Button } from 'lemon-system'
<Button>Btn</Button>Layout
Box cuenta con todas las clases disponibles de https://tailwindcss.com/ con ajustes personalizados detallados en las secciones de intro.
import { Box } from 'lemon-system'
<Box className="w-full bg-primary-01 focus:bg-primary-02"></Box>Más información
Para mayor detalle sobre la documentación revisar: