Your bookmarks

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.