Catalogue de composants

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

Composants

Place du contenu React dans les emplacements réutilisables de la barre.

Code

import { BarLayout } from "@liquidify/react/bar-layout"

Prop	Type	Valeur par défaut	Description
asChild	`undefined`	Non précisé	Plusieurs éléments internes ne peuvent pas fusionner avec un seul enfant.
center	`LayoutSlot`	Non précisé
className	`string \| undefined`	Non précisé	Classe CSS supplémentaire pour la surface. Permet de modifier les tokens `--lq-*` dans une feuille de styles.
end	`LayoutSlot`	Non précisé
gap	`LayoutSpacing \| undefined`	Non précisé	Espacement entre les régions et contrôles. Compact par défaut (8px).
ref	`Ref<HTMLDivElement> \| 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.
shouldGrow	`boolean \| undefined`	Non précisé	Occupe l’espace entre les régions latérales. Vaut `false` par défaut.
shouldShrink	`boolean \| undefined`	Non précisé	Permet à la région centrale de rétrécir sous sa largeur intrinsèque. Vaut `true` par défaut.
sidebar	`LayoutSlot`	Non précisé	Contenu facultatif sur toute la largeur sous la barre.
start	`LayoutSlot`	Non précisé
visualDebug	`boolean \| undefined`	Non précisé	Trace le contour de cet élément et de ses descendants sans modifier la disposition.