Bento Card

The BentoCard component is a versatile and customizable card component designed to display content in a bento-style layout. It is ideal for use in marketing pages, dashboards, and other interfaces where information needs to be presented in a visually appealing and organized manner.

Installation

Install the package

npm i @start-base/start-ui

Add the styles

To use the React form elements styles in a Next.js project, import the styles in your layout.tsx file.

app/layout.tsx

import "@start-base/start-ui/styles.css";

Control your videos

API

Name	Type	Description
title	`string`	Card Title
firstContent	`object`	First Card Face Contetent
secondContent	`object`	Second Card Face Contetent
rootClassName	`string`	Root className
rootActiveClassName	`string`	Root className
titleClassName	`string`	Title className
titleActiveClassName	`string`	Title Active className
buttonClassName	`string`	Button className
activeButtonClassName	`string`	Active Button className
isTitleVisibleInFirst	`boolean`	Title visiblity flag for the first Card Face
isTitleVisibleInSecond	`boolean`	Title visiblity flag for the second Card Face
redirectTo	`string`	Redirect Button url

Bento Grid Countdown