ListChoice / React

Use list choice to show a selectable list of related items, you can spice it up with an icon or description.

To implement ListChoice component into your project you’ll need to add the import:

import ListChoice from "@kiwicom/orbit-components/lib/ListChoice";

After adding import into your project you can use it simply like:

<ListChoice title="My Choice" />

Table below contains all types of the props available in the ListChoice component.

Name	Type	Default	Description
dataTest	`string`		Optional prop for testing purposes.
description	`Translation`		The additional info about the ListChoice.
icon	`React.Node`		The icon on the left of the ListChoice.
onClick	`event => void \| Promise`		Function for handling onClick event.
selectable	`boolean`	`false`	If `true`, the check box glyph appears on the right size and it will be possible to select the ListChoice.
selected	`boolean`	`false`	If `true`, the check box glyph will be checked.
title	`Translation`		The title of the ListChoice.