Catalogue de composants

Trouvez les composants par usage, avec leurs références d’API, exemples et conseils d’accessibilité.

Composants

Panneau latéral de navigation réutilisable avec une sélection, indépendant de Fumadocs et du routeur.

Code

import { Sidebar } from "@liquidify/react/sidebar"

Prop	Type	Valeur par défaut	Description
children	`ReactNode`	`undefined`	Contenu de navigation et enfants directs Header/Footer facultatifs.
className	`string \| undefined`	Non précisé	Classe CSS supplémentaire pour la surface. Permet de modifier les tokens `--lq-*` dans une feuille de styles.
defaultValue	`string \| null \| undefined`	`null`	Sélection initiale non contrôlée.
dir	`"auto" \| "ltr" \| "rtl" \| undefined`	`undefined`	Direction du texte, héritée du conteneur par défaut.
id	`string \| undefined`	`undefined`	id natif de la racine.
onChange	`((value: string \| null) => void) \| undefined`	`undefined`	Demande la prochaine sélection dans les deux modes. Les sélections inchangées ne déclenchent pas de callback.
ref	`Ref<HTMLElement> \| undefined`	Non précisé	Ref vers la racine rendue ou l’enfant fusionné. Son type générique suit la racine polymorphe du composant et vaut `HTMLElement` par défaut.
tint	`LiquidTintValue \| undefined`	Non précisé	Accent système parmi les 13 couleurs de LIQUID_COLORS. Modifie la teinte, le focus et la sélection sans changer la variante visuelle.
value	`string \| null \| undefined`	`undefined`	Identité sélectionnée contrôlée. null signifie explicitement aucune sélection.