Catálogo de componentes

Encuentra componentes según su función, con referencias de API, ejemplos y pautas de accesibilidad.

Componentes

Agrupa acciones independientes relacionadas en una cápsula, equivalente a ControlGroup de SwiftUI.

Código

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

Prop	Tipo	Valor predeterminado	Descripción
children obligatoria	`ReactNode`	Sin especificar	Controles relacionados, normalmente Buttons con sus propios onPress.
className	`string \| undefined`	Sin especificar	Clase CSS adicional para la superficie. Permite modificar tokens `--lq-*` desde una hoja de estilos.
disabled	`boolean \| undefined`	`false`	Deshabilita el grupo. Un ancestro deshabilitado prevalece sobre el valor false de un hijo.
label	`ReactNode`	`undefined`	Etiqueta visible del grupo. Usa aria-label si no hay texto visible.
labelProps	`LabelProps \| undefined`	`undefined`	Props tipográficas para una etiqueta de texto o número.
prominent	`boolean \| undefined`	`false`	Usa el tinte prominente de Button y amplía la cápsula al pasar el puntero o activar.
ref	`Ref<HTMLFieldSetElement> \| undefined`	Sin especificar	Ref a la raíz renderizada o al hijo combinado. Su tipo genérico sigue la raíz polimórfica del componente y usa `HTMLElement` por defecto.
separators	`boolean \| undefined`	`true`	Muestra separadores decorativos entre acciones.
size	`ControlGroupSize \| undefined`	`"regular", or the enclosing ControlGroup size`	Tamaño por defecto de los hijos. Un tamaño explícito del hijo tiene prioridad.
tint	`LiquidTintValue \| undefined`	Sin especificar	Acento del sistema de la paleta LIQUID_COLORS de 13 colores. Cambia el tinte, el foco y la selección sin modificar la variante visual.