Vite

Añade Liquidify a una aplicación React con Vite.

Instala Liquidify en tu proyecto React con Vite:

Código

pnpm add @liquidify/react

Punto de entrada

Importa la hoja de estilos en el punto de entrada de la aplicación, antes de los estilos propios que modifiquen tokens públicos:

Código
// src/main.tsx
import { StrictMode } from "react"
import { createRoot } from "react-dom/client"
import "@liquidify/react/styles.css"
import "./app.css"
import { App } from "./App"

createRoot(document.getElementById("root")!).render(
<StrictMode>
  <App />
</StrictMode>,
)

Usar componentes

Importa los componentes desde cualquier módulo React:

Código
import { Button } from "@liquidify/react"

export function App() {
return <Button onClick={() => alert("Hello")}>Continue</Button>
}

Liquidify no requiere plugins ni cargadores de recursos específicos para Vite.