Catalogue de composants

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

Composants

Regroupe des actions indépendantes liées dans une capsule, équivalent à ControlGroup de SwiftUI.

Code

import { ControlGroup } from "@liquidify/react/control-group"

Prop	Type	Valeur par défaut	Description
children obligatoire	`ReactNode`	Non précisé	Contrôles liés, généralement des Buttons avec leurs propres onPress.
className	`string \| undefined`	Non précisé	Classe CSS supplémentaire pour la surface. Permet de modifier les tokens `--lq-*` dans une feuille de styles.
disabled	`boolean \| undefined`	`false`	Désactive le groupe. Un ancêtre désactivé prévaut sur la valeur false d’un enfant.
label	`ReactNode`	`undefined`	Libellé visible du groupe. Utilisez aria-label en l’absence de texte visible.
labelProps	`LabelProps \| undefined`	`undefined`	Props typographiques pour un libellé texte ou numérique.
prominent	`boolean \| undefined`	`false`	Utilise la teinte proéminente de Button et agrandit la capsule au survol ou à l’activation.
ref	`Ref<HTMLFieldSetElement> \| 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.
separators	`boolean \| undefined`	`true`	Affiche des séparateurs décoratifs entre les actions.
size	`ControlGroupSize \| undefined`	`"regular", or the enclosing ControlGroup size`	Taille par défaut des enfants. Une taille explicite de l’enfant est prioritaire.
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.