Page header

A page title block with optional breadcrumbs, a description, and a right-aligned actions slot. Exports the PageHeaderBreadcrumb type.

import { PageHeader, type PageHeaderBreadcrumb } from '@rtorcato/shadcn-ui/components/ui-extended/page-header'

Open in Storybook ↗

Usage

<PageHeader
  title="Settings"
  description="Manage your workspace."
  breadcrumbs={[
    { label: 'Home', href: '/' },
    { label: 'Settings' },
  ]}
  actions={<Button>Save</Button>}
/>

Props

Prop	Type	Default	Description
title	string	—	Page title.
description	string	—	Subtitle text.
breadcrumbs	PageHeaderBreadcrumb[]	—	{ label, href? } trail.
actions	React.ReactNode	—	Right-aligned action slot.
className	string	—	Wrapper class.