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-cardOtomatik 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
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| openDelay | number | 300 | Açılma gecikmesi (ms). |
| closeDelay | number | 150 | Kapanma gecikmesi (ms). |
HoverCardContent
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| side | "top" | "right" | "bottom" | "left" | "bottom" | Tetikleyicinin hangi tarafında açılacağı. |
| align | "start" | "center" | "end" | "center" | Hizalama. |
| showArrow | boolean | false | Tetikleyiciyi gösteren ok. |