Заголовок страницы

PageHeader не создаёт заголовок сам — уровень заголовка (h1, h2…) определяет вызывающая сторона. На узких экранах заголовок и действия располагаются вертикально, на широких — в одну строку; действия переносятся и не выталкивают заголовок. Не заменяет Header — тот предназначен для глобальной навигации приложения, а не для заголовка содержимого страницы.

Пример

Интерактивный пример

Пространство

Проекты

Отслеживайте ход работы по всем активным инициативам.

Использование

Импортируйте компонент из публичной точки входа пакета.

import { Button, PageHeader } from "denjs-ui";

export function Example() {
  return (
    <PageHeader
      eyebrow="Workspace"
      title={<h1>Projects</h1>}
      description="Track delivery across every active initiative."
      actions={<Button size="sm">New project</Button>}
    />
  );
}