moonstone/ Selectable Item
Exports the moonstone/SelectableItem.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
The string to be displayed as the main content of the selectable item.
- disabled
When true, a disabled visual state is applied to the selectable item.
Default: false- inline
When
true
, inline styling is applied to the selectable item.Default: false- onToggle
The handler to run when the selectable item is toggled.
- selected
When
true
, a dot, indicating it is selected, is shown on the selectable item.- value
The value that will be sent to the
onToggle
handler.Default: ''