Seat
Presents options for seating.
GuidelinesReact
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 />
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. |
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 |
| size | type |
|---|---|
"small" | "default" |
"medium" | "legroom" |
"unavailable" |