Page Container

Responsive ve ortalanmış sayfa genişliği sınırlayıcısı.

PageContainer.tsx

Merkezlenmiş Maksimum Genişlik Alanı (maxWidth="md")

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/page-container.json

Kullanım Örneği

import { PageContainer } from "@/components/layout/PageContainer"

<PageContainer as="main" maxWidth="xl" padding="lg">
  <PageContent />
</PageContainer>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
maxWidth	"sm" \| "md" \| "lg" \| "xl" \| "2xl" \| "full"	"xl"	Responsive maksimum içerik genişliği.
padding	"none" \| "sm" \| "md" \| "lg"	"md"	Responsive yatay ve dikey iç boşluk ölçeği.
noPadding	boolean	false	Geriye uyumlu biçimde tüm iç boşlukları kaldırır.
as	"div" \| "main" \| "section" \| "article"	"div"	Render edilen semantik HTML elementi.
centered	boolean	true	Konteyneri yatay olarak ortalar.