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.
Name | Type | Default | Description |
---|---|---|---|
dataTest | string | Optional prop for testing purposes. | |
id | string | Set id for Seat | |
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 | |
selected | boolean | Marks Seat as selected | |
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" |