Bento Grid
FREEAçılış sayfaları için farklı boyutlu özellik kutuları; görsel alanı ve üzerine gelince beliren bağlantı.
Kurulum
Terminal
npx @bloxa/cli add bento-grid
# or: npx shadcn@latest add @bloxa/bento-gridOtomatik kurulan paketler: motion
Örnekler
Özellik ızgarası
Turkish & English
Every label localized.
Themeable
Colors, radius and font at runtime.
Notifications that stack
Toasts collapse into a stack and open on hover.
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
BentoGrid
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| columns | 2 | 3 | 4 | 3 | Geniş ekranda sütun. |
| rowHeight | string | "13rem" | Satır birimi yüksekliği. |
BentoCard
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| colSpan / rowSpan | number | 1 | Kaplanan sütun ve satır. |
| title / description / icon / visual | ReactNode | — | İçerik. |
| href / cta | string / ReactNode | — | Bağlantı ve üzerine gelince beliren metin. |