Component catalog
Find components by purpose, with API references, examples, and accessibility guidance.
Find components by purpose, with API references, examples, and accessibility guidance.
Opts registered surfaces into compact presentation while preserving React state.
import { MinimizableBarRegion } from "@liquidify/react/minimizable-bar-region"| Prop | Type | Default | Description |
|---|---|---|---|
| animated | boolean | undefined | Not specified | |
| asChild | undefined | Not specified | Multiple owned elements cannot merge onto a single child. |
| className | string | undefined | Not specified | Additional CSS class for the glass surface. Use it to override `--lq-*` tokens in a stylesheet. |
| compactIcon | ReactNode | Not specified | |
| compactLabel | string | undefined | Not specified | Omit when the icon is sufficient. expandLabel always provides the accessible name. |
| defaultMinimized | boolean | undefined | Not specified | |
| expandLabel required | string | Not specified | Accessible action label, such as “Expand navigation”. |
| grow | boolean | undefined | Not specified | Allows full-width fields and navigation containers to fill their bar region. |
| items required | readonly { id: string; content: ReactNode; }[] | Not specified | One registered surface per item: Button, TextField, ControlGroup, Panel, or GlassPrimitive. |
| minimized | boolean | undefined | Not specified | |
| mode | "layout" | "independent" | undefined | Not specified | Layout mode follows the containing bar. Independent mode manages its own presentation state. |
| onExpandAutoFocus | ((event: Event) => void) | undefined | Not specified | |
| onMinimizedChange | ((minimized: boolean) => void) | undefined | Not specified | |
| placement | AdaptiveBarPlacement | undefined | Not specified | Overrides AppBar context for a custom headless header or footer. |
| ref | Ref<HTMLDivElement> | undefined | Not specified | Ref to the rendered root or merged child. Its generic element type follows the component’s polymorphic root and defaults to `HTMLElement`. |
| trigger | ((props: AdaptiveRegionTriggerProps) => ReactNode) | undefined | Not specified |