Developer mode
Opens components on the React tab by default.
Your bookmarks

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" />


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.