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`		`id` of the element.
size	`enum`	`medium`	Size of Seat component.
type	`enum`	`default`	Visual type of Seat. If `unavailable`, the element becomes disabled.
price	`string`		Price of Seat. Displayed as text underneath the svg.
label	`string`		Label text inside of a Seat. Not announced by screen readers.
selected	`boolean`		Displays Seat as selected.
onClick	`() => void \\| Promise`		Function for handling onClick event.
aria-labelledby	`string`		Id(s) of elements that announce the component to screen readers. See accessibility tab.
title	`string`		Adds title title to svg element. Announced by screen readers. See accessibility tab.
description	`string`		Adds description to svg element. Announced by screen readers. See accessibility tab.

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

Name	Type	Default	Description
dataTest	`string`		Optional prop for testing purposes.
id	`string`		`id` of the element.
type	`enum`	`default`	Visual type of the rendered seat icon.
label	`string`		Label text to be displayed next to the seat icon.
aria-label	`string`		Adds `aria-label` attribute to the rendered SVG element. Announced by screen readers. See accessibility tab.