Seat

Presents options for seating.

Seat

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.

NameTypeDefaultDescription
dataTeststringOptional prop for testing purposes.
idstringSet id for Seat
sizeenummediumSize of Seat component.
typeenumdefaultVisual type of Seat
pricestringPrice of Seat
labelstringLabel text inside of a Seat
titlestringSeatOptional prop for title of svg element
descriptionstringPresents options for seatingOptional prop for Description of svg element
onClick() => void \| PromiseFunction for handling onClick event.

SeatLegend

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

NameTypeDefaultDescription
dataTeststringOptional prop for testing purposes.
typeenumdefaultVisual type of SeatLegend
labelstringLabel text inside of a SeatLegend

enum

sizetype
"small""default"
"medium""legroom"
"unavailable"