Skip to content

PageHeader

Consistent page header with title, subtitle, back button, and actions.

Props

PageHeaderProps

PropTypeRequiredDescription
titlestring | ReactNodeNoMain title
subtitlestring | ReactNodeNoSubtitle text
backButtonBackButtonConfigNoBack button configuration
actionsReactNodeNoRight-side action buttons
classNamestringNoContainer class

BackButtonConfig

PropertyTypeDescription
tostringNavigation URL
labelstringAria label (default: "Regresar")
onClick() => voidCustom click handler

Example

tsx
<PageHeader
  title="User Settings"
  subtitle="Manage your account preferences"
  backButton={{ to: '/dashboard' }}
  actions={
    <Button onClick={handleSave}>Save</Button>
  }
/>

See also