PreviewCard

Ne zaman kullanılır

• Metin içindeki bir bağlantının nereye gittiğini, sayfadan ayrılmadan özetlemek için: bir yardım makalesi, bir işyeri ya da bir kayıt.

Ne zaman kullanılmaz

• Önizlemede işlem ya da form varsa: Popover kullanın; PreviewCard’a klavyeyle girilemez.
• Bir terimi açıklamak için: InfoPopover ya da Tooltip kullanın.
• Dokunmatik ekranlarda tek bilgi kaynağı olarak: üzerine gelme yoktur; bilgi hedef sayfada da bulunmalıdır.

Anatomi

1. Bağlantı: Satır içi Link görünümünde yerel <a href>.
2. Kart: Popover yüzeyinde, bağlantının yanında açılan önizleme.

Davranış

• Kart üzerine gelince ya da odakta delay (600 ms) sonra açılır, ayrılınca closeDelay (300 ms) sonra kapanır.
• İşaretçi karta geçince kart açık kalır.
• Odak bağlantıda kalır; kartın içi sekme sırasına girmez. Escape kartı kapatır.
• Güvensiz href şemaları Link’teki gibi atılır.

Yönergeler

• Bağlantı metni tek başına anlamlı olsun; önizleme ek bilgidir.
• Kartı kısa tutun: bir başlık, iki satır özet, bir tarih.
• Bir paragrafta birden fazla önizlemeli bağlantı kullanmayın.

İçerik

• Başlık hedef sayfanın adıdır.
• Özet hedefin ne olduğunu söyler; “tıklayın” gibi yönerge içermez.

İlgili bileşenler

• Link: Önizlemesiz bağlantı.
• Popover: Etkileşimli içerik için tıklamayla açılan panel.
• Tooltip: Kısa etiket ya da ipucu.