@orangecheck/ui / AppShellProps
Interface: AppShellProps
Defined in: app-shell.tsx:20
AppShell — shared page chrome for every authenticated dashboard surface
across the OC family (vault, me, fleet, future). Lifted from oc-me-web's
MeShell and oc-vault-web's VaultShell — same eyebrow / title /
description / actions header band, no sidebar (sidebars are app-specific
and stay in the consuming app).
Usage: <AppShell eyebrow="§ vault" title="your vault." description="…"> ... </AppShell>
The component is stateless and dependency-free. Tailwind classes assume
the consuming site loads the family globals.css (which defines
.container, .label-mono, the dark-by-default palette, etc.).
Properties
| Property | Type | Description | Defined in |
|---|---|---|---|
<a id="property-children"></a> children | ReactNode | - | app-shell.tsx:26 |
<a id="property-classname"></a> className? | string | - | app-shell.tsx:27 |
<a id="property-description"></a> description? | any | - | app-shell.tsx:23 |
<a id="property-eyebrow"></a> eyebrow? | any | - | app-shell.tsx:21 |
<a id="property-headeractions"></a> headerActions? | any | Right-aligned action node rendered next to the title (e.g. CTA buttons). | app-shell.tsx:25 |
<a id="property-title"></a> title? | any | - | app-shell.tsx:22 |