Catálogo de componentes
Encuentra componentes según su función, con referencias de API, ejemplos y pautas de accesibilidad.
Encuentra componentes según su función, con referencias de API, ejemplos y pautas de accesibilidad.
Activa la presentación compacta de superficies registradas y conserva el estado React.
import { MinimizableBarRegion } from "@liquidify/react/minimizable-bar-region"| Prop | Tipo | Valor predeterminado | Descripción |
|---|---|---|---|
| animated | boolean | undefined | Sin especificar | |
| asChild | undefined | Sin especificar | No se pueden combinar varios elementos propios en un solo hijo. |
| className | string | undefined | Sin especificar | Clase CSS adicional para la superficie. Permite modificar tokens `--lq-*` desde una hoja de estilos. |
| compactIcon | ReactNode | Sin especificar | |
| compactLabel | string | undefined | Sin especificar | Omítelo si el icono basta. expandLabel siempre proporciona el nombre accesible. |
| defaultMinimized | boolean | undefined | Sin especificar | |
| expandLabel obligatoria | string | Sin especificar | Etiqueta accesible de la acción, como «Expandir navegación». |
| grow | boolean | undefined | Sin especificar | Permite que los campos y contenedores de navegación ocupen toda su región de barra. |
| items obligatoria | readonly { id: string; content: ReactNode; }[] | Sin especificar | Una superficie registrada por elemento: Button, TextField, ControlGroup, Panel o GlassPrimitive. |
| minimized | boolean | undefined | Sin especificar | |
| mode | "layout" | "independent" | undefined | Sin especificar | El modo de diseño sigue la barra contenedora. El modo independiente gestiona su estado de presentación. |
| onExpandAutoFocus | ((event: Event) => void) | undefined | Sin especificar | |
| onMinimizedChange | ((minimized: boolean) => void) | undefined | Sin especificar | |
| placement | AdaptiveBarPlacement | undefined | Sin especificar | Sustituye el contexto AppBar para un encabezado o pie personalizado sin presentación integrada. |
| 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. |
| trigger | ((props: AdaptiveRegionTriggerProps) => ReactNode) | undefined | Sin especificar |