sandstone/ Item
Provides Sandstone styled item components and behaviors. Useful for content in lists.
import Item from '@enact/sandstone/Item';
Members
ItemComponent
A Sandstone styled item with built-in support for marqueed text, and Spotlight focus.
Usage:
<Item>Item Content</Item>
import Item from '@enact/sandstone/Item';
ItemBaseComponent
A Sandstone styled item without any behavior.
import {ItemBase} from '@enact/sandstone/Item';
Properties
Centers the slots and content.
Called with a reference to the root component.
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:
item
- The root class nameslotBefore
- The slot (container) preceding the text of this componentslotAfter
- The slot (container) following the text of this componentselected
- Applied to aselected
button
Applies a disabled style and the control becomes non-interactive.
Applies inline styling to the item.
The label to be displayed along with the text.
The position of the label relative to the primary content,
children
.Determines what triggers the marquee to start its animation.
Nodes to be inserted after
children
.For LTR locales, the nodes are inserted to the right of the primary content. For RTL locales, the nodes are inserted to the left. If nothing is specified, nothing, not even an empty container, is rendered in this place.
Nodes to be inserted before
children
andlabel
.For LTR locales, the nodes are inserted to the left of the primary content. For RTL locales, the nodes are inserted to the right. If nothing is specified, nothing, not even an empty container, is rendered in this place.
ItemDecoratorHigher-Order Component
Sandstone specific item behaviors to apply to Item.
import {ItemDecorator} from '@enact/sandstone/Item';