Bento Grid
A customizable bento grid component.
Examples
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
Save your files
We automatically save your files as you type.
Notifications
Get notified when something happens.
Integrations
Supports 100+ integrations and counting.
Calendar
Use the calendar to filter your files by date.
Installation
npx shadcn@latest add "https://aurora-ui-opal.vercel.app/c/bento-grid.json"
Component Props
You can customize the content of the Bento Grid by passing the following props:
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional class names to be applied to the bento grid. |
| children | React.ReactNode | - | Content to be displayed inside the bento grid. |