Crea una isla React e importa la hoja de estilos desde ese componente o un layout compartido:

// src/components/SaveControl.tsx
import { Button } from "@liquidify/react"
import "@liquidify/react/styles.css"

export function SaveControl() {
return <Button onClick={() => console.log("saved")}>Guardar changes</Button>
}

Elige la directiva de hidratación según la interacción necesaria:

---
import { SaveControl } from "../components/SaveControl"
---

<SaveControl client:visible />

Usa client:load para controles que deban responder inmediatamente y client:visible para contenido fuera de la vista inicial. Sin una directiva de cliente, el componente produce HTML estático y no responde a interacciones.