RadioCard

Kurulum

Paket

@bigbang/ui

İçe aktarma

import { RadioCard } from '@bigbang/ui';

Kaynak

RadioCard.tsx

Storybook

RadioCard · Playground

RadioCard, @bigbang/ui paketindedir.

import { RadioCard, RadioGroup } from '@bigbang/ui';

<RadioGroup label="Teslim yöntemi" name="delivery" value={value} onValueChange={setValue}>
  <RadioCard value="standard" title="Standart" description="3–5 iş günü" />
  <RadioCard value="express" title="Hızlı" description="Ertesi gün" meta="Önerilen" />
</RadioGroup>;

Özellikler

valueZorunlu

Açıklama

Kartın değeri; kart seçilince RadioGroup bunu bildirir.

Tür

string

titleZorunlu

Açıklama

Kartın başlığı; radyoyu adlandırır.

Tür

ReactNode

description

Açıklama

Başlığın altındaki destek metni; aria-describedby ile bağlanır.

Tür

ReactNode

icon

Açıklama

Başlıktan önce süs bir simge.

Tür

IconName

meta

Açıklama

Kartın sonunda kısa metin, ör. bir süre ya da sayı. Açıklamanın parçası olarak okunur.

Tür

ReactNode

disabled

Açıklama

Yalnızca bu kartı kapatır; diğerleri seçilebilir kalır.

Tür

boolean

Varsayılan

false

className

Açıklama

Yalnızca yerleşim için: kenar boşlukları ve konum.

Tür

string

Grup özellikleri (label, value, error, orientation, name) için RadioGroup sayfasına bakın.

Veri öznitelikleri

• data-component="radio-card": kart üzerinde.
• data-part: icon, title, description, meta, circle, indicator.
• Base UI dairede data-checked, data-disabled ekler; kart bunları has-* ile izler.