Bento Grid

FREE

Açı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-grid

Otomatik 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

ÖzellikTipVarsayılanAçıklama
columns2 | 3 | 43Geniş ekranda sütun.
rowHeightstring"13rem"Satır birimi yüksekliği.

BentoCard

ÖzellikTipVarsayılanAçıklama
colSpan / rowSpannumber1Kaplanan sütun ve satır.
title / description / icon / visualReactNode—İçerik.
href / ctastring / ReactNode—Bağlantı ve üzerine gelince beliren metin.