Radio Group
FREEAnimasyonlu seçim ve etiketli, açıklamalı, kart görünümlü RadioField içeren radyo grubu.
Canlı düzenle
Ayarları değiştir; bileşen ve kodu anında güncellensin.
Ayarlar
Kod
import { RadioField, RadioGroup } from "@/components/ui/radio-group";
<RadioGroup defaultValue="pro">
<RadioField value="free" label="Free" card description="Core components" />
<RadioField value="pro" label="Pro" card description="Every block and template" />
</RadioGroup>Kurulum
Terminal
npx @bloxa/cli add radio-group
# or: npx shadcn@latest add @bloxa/radio-groupOtomatik kurulan paketler: radix-ui
Örnekler
Etiketli
Kart görünümü
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
RadioGroup
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| value / defaultValue | string | — | Seçili değer. |
| onValueChange | (value: string) => void | — | Seçim değişince çağrılır. |
RadioField
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| value | string | — | Seçeneğin değeri. |
| label | ReactNode | — | Tıklanabilir etiket. |
| description | ReactNode | — | Açıklama. |
| card | boolean | false | Kart görünümü. |