PageHeader
Page header with title, description, breadcrumbs, and actions.
Installation
bash
npx @smicolon/cli add page-headerRun init once per project before adding components. See Installation.
Preview
Orders
Track and manage your store’s orders
With Actions
Products
Add, edit and price your products
With Breadcrumb
Settings
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Page title. |
description | string | — | Text below the title. |
actions | ReactNode | — | Controls at the end of the header. |
breadcrumb | ReactNode | — | Breadcrumb above the title. |
breadcrumbLabel | string | "Breadcrumb" | Breadcrumb landmark’s accessible name. |
bordered | boolean | true | Shows the bottom border. |
headingLevel | 1 | 2 | 3 | 1 | Heading level of the title. |
className | string | — | Extra classes for the component. |