Navigation

Navigation Header

A specialized app bar for top-level navigation, featuring back buttons, contextual subtitles, and large title variants.

Default Style

Account SettingsVYAS VISHAL

Large Style

DiscoverExplore new premium components

Props

Prop	Type	Description
`title`	`string`	Main header text
`subtitle`	`string`	Uppercased subtitle (default) or body text (large)
`onBack`	`() => void`	Callback when the leading back button is pressed
`rightElement`	`ReactNode`	Optional trailing action component
`variant`	`'default' \| 'large' \| 'transparent'`	Visual configuration of the header

$npx kachindo-ui add navigation-header