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. | |
| 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. |