Spotlight Card
FREEYüzeyde ve kenarda imleci izleyen ışıklı kart; kenarda dönen ışık için BorderBeam.
Kurulum
Terminal
npx @bloxa/cli add spotlight-card
# or: npx shadcn@latest add @bloxa/spotlight-cardÖrnekler
Özellik kartları ve BorderBeam
İmleci kartların üzerinde gezdir.
Motion-first
Springs and reveals that respect reduced motion.
Fast
No chart or animation bloat — plain SVG and CSS.
Yours
Copy the code into your repo and change anything.
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
SpotlightCard
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| color | string | accent | Işık rengi. |
| size | number | 320 | Işık yarıçapı (px). |
| border | boolean | true | Kenarı da aydınlat. |
BorderBeam
relative ve köşeli herhangi bir elemanın içine koy.
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| duration | number | 6 | Tur süresi (sn). |
| color / colorTo | string | — | Işık renkleri. |
| width | number | 1.5 | Kalınlık (px). |