enact logoEnact
Edit on GitHub

moonstone/SlotItem

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';

SlotItemBaseComponent

A moonstone-styled SlotItem without any behavior.

import {SlotItemBase} from '@enact/moonstone/SlotItem';
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:

  • slotItem - The root class name

SlotItemDecoratorHigher-Order Component

Moonstone-specific item with overlay behaviors to apply to SlotItem.

import {SlotItemDecorator} from '@enact/moonstone/SlotItem';
ArrayBooleanFunctionModuleNumberObjectString