Grids & Layouts
Bento Vault
Vault-style bento feature grid with secure aesthetics.
featurebentovaultsecure
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
items | Array<{id: number, col: string, row: string, title: string, icon: React.ComponentType}> | [{id: 1, col: 'md:col-span-2', row: 'md:row-span-2', title: 'Mainframe', icon: Fingerprint}, ...] | Array of grid items with id, column span, row span, title, and icon component. |
backgroundColor | string | #18181b | Background color (hex, rgb, or hsl). |
borderColor | string | #27272a | Border color (hex, rgb, or hsl). |
closeText | string | Close | Close button text. |