Toggle

Kontrollü ve kontrolsüz basılı durum desteğine sahip iki durumlu buton.

Toggle.tsx

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

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

<Toggle defaultPressed onPressedChange={(pressed) => console.log(pressed)}>
  Kalın
</Toggle>

Prop	Tür	Varsayılan	Açıklama
pressed	boolean	—	Kontrollü basılı durumu.
defaultPressed	boolean	false	Kontrolsüz başlangıç durumu.
onPressedChange	(pressed: boolean) => void	—	Durum değiştirildiğinde çağrılır.
size	"sm" \| "md" \| "lg"	"md"	Toggle boyutu.
variant	"default" \| "outline"	"default"	Yüzey stili.