Developer mode
Opens components on the React tab by default.
Your bookmarks

Seat / React

Presents options for seating.

To implement Seat component into your project you’ll need to add the import:

import Seat, { SeatLegend } from "@kiwicom/orbit-components/lib/Seat";

After adding import into your project you can use it simply like:

<Seat />

Props

Table below contains all types of the props available in Seat component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
size enum medium Size of Seat component.
type enum default Visual type of Seat
price string Price of Seat
label string Label text inside of a Seat
title string Seat Optional prop for title of svg element
description string Presents options for seating Optional prop for Description of svg element
onClick () => void | Promise Function for handling onClick event.

SeatLegend

Table below contains all types of the props available in Seat/SeatLegend component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
type enum default Visual type of SeatLegend
label string Label text inside of a SeatLegend

enum

size type
"small" "default"
"medium" "legroom"
"unavailable"