Componentes Liquidify para aplicaciones React 19.
La API es experimental. Fija la versión que usa tu aplicación.
pnpm add @liquidify/reactImporta la hoja de estilos una vez y usa las exportaciones nombradas:
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"
export function SaveAction() {
return (
<Theme type="system">
<Button variant="glassProminent" onPress={() => console.log("save")}>
Guardar
</Button>
</Theme>
)
}@liquidify/react: componentes, tipos compartidos y Theme.@liquidify/react/styles.css: estilos de componentes, motor y tokens.@liquidify/react/<component>: JavaScript y tipos por componente, como @liquidify/react/button.No importes rutas src ni dist. Consulta las props, valores predeterminados, callbacks y correspondencias SwiftUI en cada referencia de componente.
React y React DOM 19 son dependencias pares. @liquidify/glass y @liquidify/tokens se instalan como dependencias directas del paquete.
La hoja de estilos completa es la opción predeterminada. Cárgala antes de los estilos de aplicación que personalicen tokens públicos --lq-*. Las importaciones JavaScript por componente no sustituyen una estrategia CSS verificada.