Card | Otis Kit PRO @ Creative Tim

The Booking Cards components 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.

Simple Booking Card

// Otis Kit PRO Examples import SimpleBookingCard from "examples/Cards/BookingCards/SimpleBookingCard";

Private Room • 1 Guest • 1 Sofa

Single room in the center of the city

As Uber works through a huge amount of internal management turmoil, the company is also consolidating more of its international business.

from / night

Props Information

Name	Type	Default	Description
image*	string		Used to set the `SimpleBookingCard` image. Its a required prop.
title*	string		Used to set the `SimpleBookingCard` title. Its a required prop.
description*	string		Used to set the `SimpleBookingCard` description. Its a required prop.
categories	array	[]	Used to set the `SimpleBookingCard` categories on top of its title.
action*	{ type: ["enternal", "internal"], route: string, color: ["primary", "secondary", "info", "success", "warning", "error", "dark", "light", "default"], label: string, }	false	Used to set the `SimpleBookingCard` route, it used to define the route and the action button styles. Its a required prop.