Hover Card

FREE

Üzerine gelince ya da odaklanınca açılan zengin önizleme kartı; gecikmeli açılır, isteğe bağlı oklu.

Kurulum

Terminal
npx @bloxa/cli add hover-card
# or: npx shadcn@latest add @bloxa/hover-card

Otomatik kurulan paketler: radix-ui

Örnekler

Profil önizlemesi

Built by @bloxa — hover or focus the name.

API

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

HoverCard

ÖzellikTipVarsayılanAçıklama
openDelaynumber300Açılma gecikmesi (ms).
closeDelaynumber150Kapanma gecikmesi (ms).

HoverCardContent

ÖzellikTipVarsayılanAçıklama
side"top" | "right" | "bottom" | "left""bottom"Tetikleyicinin hangi tarafında açılacağı.
align"start" | "center" | "end""center"Hizalama.
showArrowbooleanfalseTetikleyiciyi gösteren ok.