> PageHeader

PageHeader

En-tête de page : fil d’Ariane, puis titre à gauche et actions à droite. Le titre est est H1.

TagsuiExemples2StylesDisponibles

Default

> PageHeader

Titre de la page

export const Default = () => (
  <Box p={4}>
    <PageHeader title="Titre de la page" />
  </Box>
);

WithActions

Accueil

Components

> PageHeader

Détail de la mission

export const WithActions = () => (
  <Box p={4}>
    <PageHeader
      title="Détail de la mission"
      actions={
        <>
          <Button variant="primary" title="Enregistrer" size="sm" onPress={() => {}} />
        </>
      }
    />
  </Box>
);

Alveole UI Kit — v1.8.4