Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Blocks
  2. Page Header
  3. API and Development

Page header

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
PageHeader from @prepared911/ui/blocks/page-header is the page heading: a title, an optional description, an optional breadcrumb, and optional trailing actions. It does not render a read-only badge. Put a Badge in actions or beside the header when the page is view-only.
Props
PropDefaultMeaning
titlerequiredLocalized heading.
descriptionnoneSupporting copy under the title.
levelPageHeaderLevel.OneHeading level.
breadcrumbnoneA breadcrumb above the title.
actionsnoneTrailing controls.
stickyfalseSticks to the start edge of the scrollport.
Import
Example
Previous
Page Header / Usage
Next
Page Header / Accessibility
On this page
Props
Import
Example