Renderiza un componente con la hoja de estilos y un tema opcional.
Importa la hoja de estilos una vez y los componentes desde el punto de entrada principal:
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"
export function App() {
return (
<Theme type="system">
<Button
variant="glassProminent"
tint="blue"
onPress={() => console.log("Saved")}
>
Guardar changes
</Button>
</Theme>
)
}@liquidify/react reexporta Theme, por lo que solo necesitas un paquete de Liquidify. Este proveedor es opcional: sin él, los componentes heredan el esquema de color del documento y los valores predeterminados de la biblioteca.
La importación principal es la opción más sencilla. También puedes usar una ruta pública por componente:
import { Button } from "@liquidify/react/button"
import "@liquidify/react/styles.css"Conserva la hoja de estilos completa salvo que hayas configurado y verificado otra estrategia CSS.