enact logoEnact
Edit on GitHub

moonstone/SelectableItem

Provides a Moonstone-themed Item with an icon that toggles on and off.

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

Members

SelectableItemComponent

A Moonstone-styled item with a toggle icon, marqueed text, and Spotlight focus.

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

SelectableItemBaseComponent

Renders an Item with a circle icon, by default.

import {SelectableItemBase} from '@enact/moonstone/SelectableItem';
Properties
css
Object

Customizes the component by mapping the supplied collection of CSS class names to the corresponding internal elements and states of this component.

The following classes are supported:

  • selectableItem - The root class name

SelectableItemDecoratorHigher-Order Component

Adds interactive toggle functionality to SelectableItemBase.

import {SelectableItemDecorator} from '@enact/moonstone/SelectableItem';
ArrayBooleanFunctionModuleNumberObjectString