Card | NextJS Material Dashboard 2 @ Creative Tim

The Booking Card component helps you to simply create beautiful cards for booking purposes like flights, hotels and etc.

The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.

Demo

PRO

// NextJS Material Dashboard 2 PRO examples import BookingCard from "/examples/Cards/BookingCard"; // NextJS Material Dashboard 2 PRO components import MDTypography from "/product/components/MDTypography"; // @mui material components import Icon from "@mui/material/Icon"; import MuiTooltip from "@mui/material/Tooltip";

Cozy 5 Stars Apartment

The place is close to Barceloneta Beach and bus stop just 2 min by walk and near to "Naviglio" where you can enjoy the main night life in Barcelona.

$899/night

Barcelona, Spain

Props Information

Name	Type	Default	Description
image*	string		Used to set the `BookingCard` image. Its a required prop.
title*	string		Used to set the `BookingCard` title. Its a required prop.
description*	string		Used to set the `BookingCard` description. Its a required prop.
price*	string		Used to set the `BookingCard` price. Its a required prop.
location*	string		Used to set the `BookingCard` location. Its a required prop.
action*	boolnode	false	Used to set the `BookingCard` action buttons.