Second Nav Header is a secondary navigation bar that appears above the primary navigation and provides additional context or controls.
Loading demo: second-nav-header-real-world
npx sdaia-ui@latest add second-nav-header
import { SecondNavHeader } from "@/components/ui/second-nav-header"<SecondNavHeader style="gray" />Secondary navigation header in the primary brand colour.
Loading demo: second-nav-header-ltr
Secondary navigation header in the grey style.
Loading demo: second-nav-header-clear-hierarchy
Props for the Second Nav Header component.
Prop | Type | Default | Required |
|---|---|---|---|
items | SubHeaderItemProps[] | — | optional |
instance | ReactNode | — | optional |
label | string | — | optional |
actions | ReactNode | — | optional |
divider | boolean | true | optional |
dir | 'ltr' | 'rtl' | — | optional |
rtl | boolean | — | optional |
className | string | — | optional |