Макет

Контейнер страницы

PageContainer занимает всю ширину, передаёт нативные атрибуты и ref, поддерживает полиморфный корневой элемент и режим fullBleed без внутренних отступов. Компонент не ограничивает максимальную ширину содержимого.

Пример

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

Обзор пространства

Управляйте проектами, активностью команды и статусом деплоев из одного места.

Активные проекты

Успешные сборки

98.4%

Открытые задачи

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

Импортируйте layout из публичного входа пакета и передайте содержимое вместе с необходимыми настройками компоновки или навигации.

import { PageContainer } from "denjs-ui";

export function ProjectPage() {
  return (
    <PageContainer as="main">
      <h1>Project settings</h1>
      <form>{/* Form fields */}</form>
    </PageContainer>
  );
}

export function KanbanPage() {
  return (
    <PageContainer as="main" fullBleed>
      {/* Full-width Kanban board */}
    </PageContainer>
  );
}