enact logoEnact
Edit on GitHub

moonstone/LabeledItem

Provides Moonstone styled item with a label below.

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

Members

LabeledItemComponent

A Moonstone styled labeled item with built-in support for marqueed text and Spotlight focus.

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

LabeledItemBaseComponent

A focusable component that combines marquee-able text content with a synchronized marquee-able text label.

import {LabeledItemBase} from '@enact/moonstone/LabeledItem';
Properties
children •
Node

The node to be displayed as the main content of the item.

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:

  • labeledItem - The root class name

  • icon - Applied to the icon

  • label - Applied to the label

disabled
Boolean

Applies a disabled style and the control becomes non-interactive.

label
Node

The label to be displayed along with the text.

marqueeOn
'focus''hover''render'

Determines what triggers the LabelItem's marquee to start its animation.

Default: 'focus'
titleIcon
StringObject

Icon to be displayed next to the title text.

ArrayBooleanFunctionModuleNumberObjectString