PageTitle

PageTitle

The PageTitle component provides a standardized header for pages, including a title, optional subtitle, breadcrumbs, and an experimental tag. It helps maintain consistent page layouts and navigation.

Props

Name	Type	Required	Description
title	string	✅	The main title text for the page
subtitle	string	❌	Optional subtitle text for the page
experimental	boolean	❌	If true, displays an "Under construction" tag
children	React.ReactNode	❌	Optional elements to render next to the title
breadCrumbs	BreadCrumbType[]	❌	Optional array of breadcrumb objects for navigation

Usage

import PageTitle from '@/components/core/PageTitle';

<PageTitle
  title="Dashboard"
  subtitle="Overview of your data"
  experimental
  breadCrumbs={[{ name: 'Home', path: '/' }, { name: 'Dashboard', path: '/dashboard' }]}
>
  {/* Optional children here */}
</PageTitle>