Page Header
Opening block of a dashboard page: title, description, page actions and optional tabs.
Bookings
Every booking that reaches your clinic.
All
Today
Needs result
Usage
import { PageHeader } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- At the top of every dashboard page.
When not to use
- Inside a card.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | |
description | string | - | |
actions | ReactNode | - | At most two buttons, one primary. |
tabs | ReactNode | - |
Accessibility
- The title is the level-one heading of the page.