ListChoice / React
Shows one of a selectable list of items with similar structures.
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" />
Props
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. | |
disabled | boolean |
false |
If true , the ListChoice won’t perform any onClick action and if selectable is set to true , the check box glyph will use disabled state. |
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. |