moonstone/ Slot Item
Provides a Moonstone-themed item component that accepts multiple positions for children.
Using the usual children
prop, as well as two additional props: slotBefore
, and slotAfter
.
It is customizable by a theme or application.
import SlotItem from '@enact/moonstone/SlotItem';
Members
SlotItemComponent
A Moonstone-styled item with built-in support for overlays.
<SlotItem autoHide="both">
<slotBefore>
<Icon>flag</Icon>
<Icon>star</Icon>
</slotBefore>
An Item that will show some icons before and after this text when spotted
<Icon slot="slotAfter">trash</Icon>
</SlotItem>
import SlotItem from '@enact/moonstone/SlotItem';
Extends: moonstone/SlotItem.SlotItemBase
Wrapped with: moonstone/SlotItem.SlotItemDecorator
SlotItemBaseComponent
A moonstone-styled SlotItem without any behavior.
import {SlotItemBase} from '@enact/moonstone/SlotItem';
Extends: ui/SlotItem.SlotItemBase
Wrapped with: moonstone/Item.ItemBase
Properties
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:
slotItem
- The root class name
SlotItemDecoratorHigher-Order Component
Moonstone-specific item with overlay behaviors to apply to SlotItem.
import {SlotItemDecorator} from '@enact/moonstone/SlotItem';
Includes: ui/SlotItem.SlotItemDecorator
Includes: ui/Toggleable
Includes: spotlight.Spottable
Includes: moonstone/Marquee.MarqueeDecorator
Includes: moonstone/Skinnable
ArrayBooleanFunctionModuleNumberObjectString