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é.
Affiche les contrôles de barre sans définir leurs actions.
import { ExpandableBarRegion } from "@liquidify/react/expandable-bar-region"| Prop | Type | Valeur par défaut | Description |
|---|---|---|---|
| animated | boolean | undefined | Non précisé | |
| arrangement | "stack" | "row" | 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. |
| closeOnEscape | boolean | undefined | Non précisé | |
| defaultOpen | boolean | undefined | Non précisé | |
| items obligatoire | readonly { id: string; content: ReactNode | ((actions: ExpandableBarRegionActions) => ReactNode); }[] | Non précisé | Une surface enregistrée par élément. Les actions enfants ne ferment pas automatiquement la région. |
| label obligatoire | string | Non précisé | |
| onCloseAutoFocus | ((event: Event) => void) | undefined | Non précisé | Annulez le comportement par défaut pour choisir la destination du focus après fermeture. |
| onOpenChange | ((open: boolean) => void) | undefined | Non précisé | |
| open | boolean | undefined | Non précisé | |
| 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. |
| side | "top" | "bottom" | undefined | Non précisé | |
| trigger | ((props: AdaptiveRegionTriggerProps, actions: ExpandableBarRegionActions) => ReactNode) | undefined | Non précisé |