Bento Grid
A cool grid layout with different child component.
API
BentoGridItem
| Slot Name | Description |
|---|---|
title | Component to show as title. |
description | Component to show as description. |
icon | Component to show as icon. |
header | Component to show as header. |
BentoGridCard
| Slot Name | Description |
|---|---|
background | Component to show in background. |
| Props Name | Type | Description |
|---|---|---|
name | string | Name or title to show on card. |
icon | ?string | Icon component to show on card. |
description | string | Description content to show on card. |
href | string | Link to the url for CTA. |
cta | string | Text to show on CTA. |
Examples
BentoGrid in MagicUI style.
Component Code
You can copy and paste the following code to create these components:
Credits
- Credits to Aceternity UI and Magic UI for this fantastic component.