Catálogo de componentes

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

Componentes

Coloca contenido React en espacios reutilizables de la barra.

Código

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

Prop	Tipo	Valor predeterminado	Descripción
asChild	`undefined`	Sin especificar	No se pueden combinar varios elementos propios en un solo hijo.
center	`LayoutSlot`	Sin especificar
className	`string \| undefined`	Sin especificar	Clase CSS adicional para la superficie. Permite modificar tokens `--lq-*` desde una hoja de estilos.
end	`LayoutSlot`	Sin especificar
gap	`LayoutSpacing \| undefined`	Sin especificar	Espacio entre regiones y controles. Por defecto, compacto (8px).
ref	`Ref<HTMLDivElement> \| 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.
shouldGrow	`boolean \| undefined`	Sin especificar	Ocupa el espacio entre las regiones laterales. Por defecto, `false`.
shouldShrink	`boolean \| undefined`	Sin especificar	Permite reducir la región central por debajo de su ancho intrínseco. Por defecto, `true`.
sidebar	`LayoutSlot`	Sin especificar	Contenido opcional a todo el ancho bajo la barra.
start	`LayoutSlot`	Sin especificar
visualDebug	`boolean \| undefined`	Sin especificar	Delinea este elemento y sus descendientes sin cambiar el diseño.