Catalogue de composants
Trouvez les composants par usage, avec leurs références d’API, exemples et conseils d’accessibilité.
Trouvez les composants par usage, avec leurs références d’API, exemples et conseils d’accessibilité.
Active la présentation compacte des surfaces enregistrées en conservant l’état React.
import { MinimizableBarRegion } from "@liquidify/react/minimizable-bar-region"| Prop | Type | Valeur par défaut | Description |
|---|---|---|---|
| animated | boolean | undefined | Non précisé | |
| asChild | undefined | Non précisé | Plusieurs éléments internes ne peuvent pas fusionner avec un seul enfant. |
| className | string | undefined | Non précisé | Classe CSS supplémentaire pour la surface. Permet de modifier les tokens `--lq-*` dans une feuille de styles. |
| compactIcon | ReactNode | Non précisé | |
| compactLabel | string | undefined | Non précisé | Omettez-le si l’icône suffit. expandLabel fournit toujours le nom accessible. |
| defaultMinimized | boolean | undefined | Non précisé | |
| expandLabel obligatoire | string | Non précisé | Libellé accessible de l’action, comme «Développer la navigation». |
| grow | boolean | undefined | Non précisé | Permet aux champs et conteneurs de navigation d’occuper toute leur région de barre. |
| items obligatoire | readonly { id: string; content: ReactNode; }[] | Non précisé | Une surface enregistrée par élément : Button, TextField, ControlGroup, Panel ou GlassPrimitive. |
| minimized | boolean | undefined | Non précisé | |
| mode | "layout" | "independent" | undefined | Non précisé | Le mode de disposition suit la barre parente. Le mode indépendant gère son propre état de présentation. |
| onExpandAutoFocus | ((event: Event) => void) | undefined | Non précisé | |
| onMinimizedChange | ((minimized: boolean) => void) | undefined | Non précisé | |
| placement | AdaptiveBarPlacement | undefined | Non précisé | Remplace le contexte AppBar pour un en-tête ou pied personnalisé sans présentation intégrée. |
| 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. |
| trigger | ((props: AdaptiveRegionTriggerProps) => ReactNode) | undefined | Non précisé |