Utilisez Liquidify dans une application React 19 avec le bundler de votre choix.
Liquidify publie des modules ESM et des feuilles CSS. Utilisez des outils qui prennent en charge les exports de paquets et les imports CSS.
pnpm add react react-dom @liquidify/reactMontez l’application et importez la feuille de styles une seule fois :
import { createRoot } from "react-dom/client"
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"
function App() {
return (
<Theme type="system">
<Button onClick={() => console.log("continue")}>Continue</Button>
</Theme>
)
}
createRoot(document.getElementById("root")!).render(<App />)Aucun adaptateur de framework n’est nécessaire. Votre outil de compilation doit prendre en charge React 19, ESM et les imports CSS des dépendances.