@orangecheck/design / OcAppBarProps
Interface: OcAppBarProps
Defined in: chrome/app-bar.tsx:5
Properties
| Property | Type | Description | Defined in |
|---|---|---|---|
<a id="property-center"></a> center? | any | Center slot — pass <OcPrimaryNav … />. Centered, flex-1, min-w-0. | chrome/app-bar.tsx:17 |
<a id="property-classname"></a> className? | string | - | chrome/app-bar.tsx:22 |
<a id="property-end"></a> end? | any | Trailing actions — pass e.g. <HeaderAccount /><OcAppearanceMenu />. | chrome/app-bar.tsx:19 |
<a id="property-start"></a> start? | any | Logo slot — pass <OcLogoDropdown>…</OcLogoDropdown> with the site wordmark. | chrome/app-bar.tsx:15 |
<a id="property-sticky"></a> sticky? | boolean | Stick to the top of the viewport. Default true. Keeps h-12 (3rem). | chrome/app-bar.tsx:21 |
<a id="property-variant"></a> variant? | "full" | "contained" | 'full' (default) = edge-to-edge app chrome: a .app-bar row (responsive gutters, NO max-width), so the header's left/right edges align with a full-bleed app shell below it. 'contained' = the same row inside .container (max-w-screen-xl), identical to the marketing/content header — an escape hatch, rarely needed. | chrome/app-bar.tsx:13 |