Page Container

<ComponentPreview name="page-container-demo" description="Container with small, default, large, and full sizes" peekCode wide />

Usage

import { PageContainer } from 'ui-patterns/PageContainer'

<PageContainer size="default"></PageContainer>

Size Variants

The PageContainer supports four size variants:

• small - max-width: 768px
• default - max-width: 1200px
• large - max-width: 1600px
• full - no max-width constraint

Use small or default for most pages. Use full for dense page experiences such as logs, code, editors, charts, or tables that need the viewport width.