Section

Başlık ve açıklama içeren semantik sayfa bölümü.

Section.tsx

Son Mimari Aktiviteler

Çalışma alanındaki en güncel commitler ve şema güncellemeleri

Alert & Toast Modernizasyonu Tamamlandı14 dosya güncellendi, yeni prop arayüzleri ve sayaç barları eklendi.

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/section.json

Kullanım Örneği

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

<Section
  title="Ekip üyeleri"
  description="Projeye erişebilen kullanıcıları yönetin."
  headingLevel={2}
  action={<Button>Davet et</Button>}
>
  <MemberList />
</Section>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
title	ReactNode	—	Bölüm başlığı.
description	ReactNode	—	Kapsayıcıya aria-describedby ile bağlanan açıklama.
action	ReactNode	—	Mobilde sarılabilen, etiketli aksiyon grubu.
as	"section" \| "article" \| "div"	"section"	Render edilen semantik kapsayıcı.
headingLevel	2 \| 3 \| 4 \| 5 \| 6	2	Başlığın belge hiyerarşisindeki seviyesi.
spacing	"none" \| "sm" \| "md" \| "lg"	"md"	Başlık alanı ile gövde arasındaki boşluk.
noDivider	boolean	false	Başlık alanındaki alt ayracı gizler.
actionsLabel	string	"Bölüm aksiyonları"	Aksiyon grubunun erişilebilir etiketi.
headerClassName	string	—	Başlık alanına eklenen CSS sınıfları.
bodyClassName	string	—	Gövde alanına eklenen CSS sınıfları.