moonstone/SelectableItem

import SelectableItem from '@enact/moonstone/SelectableItem';

Members

SelectableItemComponent

moonstone/SelectableItem.SelectableItem is component that is an Item that is ui/Toggleable.Toggleable. It has two selected states true & false. It uses a dot to represent its selected state.

By default, SelectableItem maintains the state of its selected property. Supply the defaultSelected property to control its initial value. If you wish to directly control updates to the component, supply a value to selected at creation time and update it in response to onToggle events.

import SelectableItem from '@enact/moonstone/SelectableItem';

SelectableItemBaseComponent

moonstone/SelectableItem.SelectableItem is component that is an Item that is Toggleable. It has two selected states true & false. It uses a dot to represent its selected state.

import {SelectableItemBase} from '@enact/moonstone/SelectableItem';
Properties
children
String

The string to be displayed as the main content of the selectable item.

disabled
Boolean

When true, a disabled visual state is applied to the selectable item.

Default: false
inline
Boolean

When true, inline styling is applied to the selectable item.

Default: false
onToggle
Function

The handler to run when the selectable item is toggled.

selected
Boolean

When true, a dot, indicating it is selected, is shown on the selectable item.

value
Any

The value that will be sent to the onToggle handler.

Default: ''
ArrayBooleanFunctionModuleNumberObjectString