Dokümanlar/Forms

Checkbox

Standart ve kart görünümlü erişilebilir onay kutusu.

Checkbox.tsx

Kart Varyantı (Card Selection)

Otomatik Dağıtım

Canlı

Her Git push işleminde canlı ortama deploy eder.

Gelişmiş Telemetri

Performans ve hata metriklerini anlık izler.

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

Kullanım Örneği

import { Checkbox } from "@/components/ui/Checkbox"

<Checkbox label="Koşulları kabul ediyorum" description="Devam etmek için gereklidir." checked={accepted} onChange={(event) => setAccepted(event.target.checked)} />

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
label	ReactNode	—	Checkbox etiketi.
description	ReactNode	—	Yardımcı açıklama.
indeterminate	boolean	false	Kısmi seçim durumu.
variant	"default" \| "card"	"default"	Satır içi veya kart görünümü.
size	"sm" \| "md" \| "lg"	"md"	Kontrol ölçeği.
color	"primary" \| "secondary" \| "sage" \| "success" \| "danger"	"primary"	Seçili durum rengi.
error	string \| boolean	—	Hata görünümü ve mesajı.