Component catalog
Find components by purpose, with API references, examples, and accessibility guidance.
Find components by purpose, with API references, examples, and accessibility guidance.
Provides top or bottom placement and bar context for composed regions.
import { AppBar } from "@liquidify/react/app-bar"| Prop | Type | Default | Description |
|---|---|---|---|
| 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. |
| gap | LayoutSpacing | undefined | Not specified | |
| placement required | "top" | "bottom" | Not specified | |
| ref | Ref<HTMLElement> | 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`. |
| slots required | BarLayoutSlots | Not specified |