Affichez un composant avec la feuille de styles et un thème facultatif.
Importez la feuille de styles une seule fois et les composants depuis le point d’entrée principal :
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"
export function App() {
return (
<Theme type="system">
<Button
variant="glassProminent"
tint="blue"
onPress={() => console.log("Saved")}
>
Enregistrer changes
</Button>
</Theme>
)
}@liquidify/react réexporte Theme : un seul paquet Liquidify suffit. Ce fournisseur est facultatif. Sans lui, les composants héritent du schéma de couleurs du document et des valeurs par défaut de la bibliothèque.
L’import principal est le plus simple. Vous pouvez aussi utiliser un chemin public par composant :
import { Button } from "@liquidify/react/button"
import "@liquidify/react/styles.css"Conservez la feuille de styles complète, sauf si vous avez configuré et vérifié une autre stratégie CSS.