Preview live, install via shadcn or copy the source.
This will install the component and its dependencies automatically.
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| items | PlatformsNavItem[] | — | No | Nav items with label, href, optional active/badge. |
| logo | React.ReactNode | — | No | Custom logo node. Defaults to flip logo. |
| hideLogo | boolean | false | No | Hide logo. |
| className | string | — | No | Root header class — user controls positioning. |
| style | React.CSSProperties | — | No | Inline style for root. |
| position | "static" | "relative" | "absolute" | "fixed" | "sticky" | relative | No | Position preset when className not provided. |
| top | string | — | No | Top offset for fixed/absolute/sticky. |
| zIndex | number | string | — | No | Z-index. |
| containerClassName | string | — | No | Inner flex container class. |
| logoWrapperClassName | string | — | No | Logo wrapper class. |
| navClassName | string | — | No | Nav pill class. |
| linkClassName | string | — | No | Link class. |
| actionsClassName | string | — | No | Actions wrapper class. |
| searchButtonClassName | string | — | No | Search button class. |
| mobileNavClassName | string | — | No | Mobile nav wrapper class. |
| cta | { label, href, variant, size, icon, className } | — | No | CTA config. |
| ctaNode | React.ReactNode | — | No | Custom CTA node. |
| showSearch | boolean | true | No | Show search button. |
| onSearch | () => void | — | No | Called when search clicked. |
| disablePadding | boolean | false | No | Disable built-in padding. |