Tooltip
FREEÜzerine gelince ve odaklanınca çıkan kısa etiket; kısayol tuşları, ok ve paylaşılan gecikme.
Kurulum
Terminal
npx @bloxa/cli add tooltip
# or: npx shadcn@latest add @bloxa/tooltipOtomatik kurulan paketler: radix-ui
Örnekler
Kısayollu araç çubuğu
Biri açıkken diğerlerine geçince beklemeden açılır.
Yönler
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Tooltip
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| content | ReactNode | — | Gösterilecek metin. |
| shortcut | string[] | — | Metnin yanında kısayol tuşları. |
| side | "top" | "right" | "bottom" | "left" | "top" | Açılacağı yön. |
| showArrow | boolean | true | Ok göster. |
| delayDuration | number | 400 | Açılma gecikmesi (ms). |
TooltipProvider
Uygulamayı bir kez sar; gecikmeler tüm tooltip'lerde paylaşılır.
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| skipDelayDuration | number | 300 | Bir tooltip kapandıktan sonra diğerinin beklemeden açılacağı süre (ms). |