UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

github.com/kiwicom/orbit

kiwicom/orbit

48 lines (35 loc) • 2.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
# Seat To implement Seat component into your project you'll need to add the import: ```jsx import Seat, { SeatLegend } from "@kiwicom/orbit-components/lib/Seat"; ``` After adding import into your project you can use it simply like: ```jsx <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`](#modal-enum) | `medium` | Size of Seat component. | | type | [`enum`](#modal-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`](#modal-enum) | `default` | Visual type of SeatLegend | | label | `string` | | Label text inside of a SeatLegend | ### enum | size | type | | :--------- | :-------------- | | `"small"` | `"default"` | | `"medium"` | `"legroom"` | | | `"unavailable"` |