Back to Supabase

Page Container

apps/design-system/content/docs/fragments/page-container.mdx

1.26.04464 B
Original Source

<ComponentPreview name="page-container-demo" description="Container with default size (1200px max-width)" peekCode wide />

Usage

tsx
import { PageContainer } from 'ui-patterns/PageContainer'
tsx
<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