Checkbox

FREE

Animasyonlu tik, yarı seçili durum ve etiketli, açıklamalı, kart görünümlü CheckboxField.

Canlı düzenle

Ayarları değiştir; bileşen ve kodu anında güncellensin.

Weekly digestNew components every Monday.

Ayarlar

Etiket

Açıklama

Kart

Ana renk

Devre dışı

Kod

import { CheckboxField } from "@/components/ui/checkbox";

<CheckboxField
  label="Weekly digest"
  description="New components every Monday."
/>

Terminal

npx @bloxa/cli add checkbox
# or: npx shadcn@latest add @bloxa/checkbox

Otomatik kurulan paketler: radix-ui

Weekly digestNew components every Monday.Product updatesSecurity alertsAlways on for owners.

Bazıları seçiliyken üst kutu yarı seçili olur.

Select all

ComponentsBlocksTemplates

EmailInvoices and receipts.SMSLogin codes only.

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

Özellik	Tip	Varsayılan	Açıklama
checked	boolean \| "indeterminate"	—	Kontrollü durum.
onCheckedChange	(checked) => void	—	Durum değişince çağrılır.

Özellik	Tip	Varsayılan	Açıklama
label	ReactNode	—	Tıklanabilir etiket.
description	ReactNode	—	Etiketin altındaki açıklama.
card	boolean	false	Tüm seçeneği kart olarak gösterir.