Vite

Ajoutez Liquidify à une application React avec Vite.

Installez Liquidify dans votre projet React avec Vite :

Code

pnpm add @liquidify/react

Point d’entrée

Importez la feuille de styles au point d’entrée de l’application, avant les styles propres au projet qui modifient les tokens publics :

Code
// 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>,
)

Utiliser les composants

Importez les composants depuis n’importe quel module React :

Code
import { Button } from "@liquidify/react"

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

Liquidify ne nécessite aucun plugin ni chargeur de ressources spécifique à Vite.

Chargement de la page