Components / Patterns
Site header
The top bar of a public site: mark, navigation, actions and a phone menu.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { SiteHeader } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
brand / navigation / actions | ReactNode | The slots. |
mobileMenu | ReactNode | What replaces the navigation on phones. |
sticky | boolean | Stays at the top while scrolling. |
Behavior
Navigation that will grow groups its items in a menu (see fabrials.com's Products).
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.