RadioCard

Ne zaman kullanılır

RadioCard, seçeneklerin açıklamaya ihtiyaç duyduğu ve kararın önemli olduğu yerler içindir: bir plan, bir teslim yöntemi, bir bildirim sıklığı.

Ne zaman kullanılmaz

• Kısa seçenekler için: tek kelimelik seçeneklerde Radio yeterlidir ve daha az yer kaplar.
• Birden çok seçim için: CheckboxGroup kullanın.
• Bir eylem için: kart bir sayfaya götürüyorsa bağlantılı bir Card kullanın.

Anatomi

Bildirim sıklığı

AnındaHer olayda bir bildirim.Günlük özetHer sabah tek bir e-posta.ÖnerilenHaftalık özetPazartesi sabahları.

AçıkKoyu

Kodu kopyala

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

export default function Default() {
  return (
    <RadioGroup label="Bildirim sıklığı" defaultValue="daily" className="max-w-md">
      <RadioCard value="instant" icon="bell" title="Anında" description="Her olayda bir bildirim." />
      <RadioCard value="daily" icon="mail" title="Günlük özet" description="Her sabah tek bir e-posta." meta="Önerilen" />
      <RadioCard value="weekly" icon="sun" title="Haftalık özet" description="Pazartesi sabahları." />
    </RadioGroup>
  );
}

1. Simge: İsteğe bağlı; süs, okunmaz.
2. Başlık: Radyonun adı.
3. Açıklama: Başlığın altında; açıklama olarak okunur.
4. Ek bilgi (meta): Sonda kısa metin, ör. bir süre ya da “Önerilen”.
5. Radyo dairesi: Seçimi gösterir.

Davranış

• Kartın herhangi bir yerine tıklamak onu seçer.
• Seçim, grup ile aynıdır: oklar kartlar arasında dolaşır ve seçer.
• Grup hatası ve grup devre dışı durumu bütün kartlara yansır.

Yönergeler

• Başlıkları kısa ve ayırt edici yazın; ayrıntı açıklamaya.
• Bütün kartlarda aynı yapıyı kullanın: birinde simge varsa hepsinde olsun.
• Önerilen seçeneği meta ile işaretleyin ve varsayılan olarak seçin.

İçerik

Türkçe	İngilizce
Önerilen	Recommended

İlgili bileşenler

• RadioGroup: Kartları kapsayan grup ve kısa seçenekler.
• Card: Bağlantılı ya da düz içerik kartı.