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.
Muestra controles de barra sin definir sus acciones.
import { ExpandableBarRegion } from "@liquidify/react/expandable-bar-region"| Prop | Tipo | Valor predeterminado | Descripción |
|---|---|---|---|
| animated | boolean | undefined | Sin especificar | |
| arrangement | "stack" | "row" | 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. |
| closeOnEscape | boolean | undefined | Sin especificar | |
| defaultOpen | boolean | undefined | Sin especificar | |
| items obligatoria | readonly { id: string; content: ReactNode | ((actions: ExpandableBarRegionActions) => ReactNode); }[] | Sin especificar | Una superficie registrada por elemento. Las acciones hijas no cierran la región automáticamente. |
| label obligatoria | string | Sin especificar | |
| onCloseAutoFocus | ((event: Event) => void) | undefined | Sin especificar | Cancela el comportamiento por defecto para elegir el destino del foco tras el cierre. |
| onOpenChange | ((open: boolean) => void) | undefined | Sin especificar | |
| open | boolean | undefined | Sin especificar | |
| 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. |
| side | "top" | "bottom" | undefined | Sin especificar | |
| trigger | ((props: AdaptiveRegionTriggerProps, actions: ExpandableBarRegionActions) => ReactNode) | undefined | Sin especificar |