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" |