ui/ Image Item
Unstyled image item components and behaviors to be customized by a theme or application.
import ImageItem from '@enact/ui/ImageItem';
Members
ImageItemComponent
A minimally styled ImageItem ready for customization by a theme.
import ImageItem from '@enact/ui/ImageItem';
ImageItemBaseComponent
A basic image item without any behavior.
import {ImageItemBase} from '@enact/ui/ImageItem';
Properties
The caption displayed with the image.
Called with a reference to the root component.
When using ui/ImageItem.ImageItem, the
ref
prop is forwarded to this component ascomponentRef
.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:
imageItem
- The root component classcaption
- The caption component classhorizontal
- Applied when `orientation="horizontal"image
- The image component classselected
- Applied whenselected
prop istrue
vertical
- Applied when `orientation="vertical"
The component used to render the image component.
The layout orientation of the component.
Default: 'vertical'A placeholder image to be displayed before the image is loaded.
Applies a selected visual effect to the image.
Default: falseString value or Object of values used to determine which image will appear on a specific screenSize.
ImageItemDecoratorHigher-Order Component
A higher-order component that adds behaviors to an ImageItemBase.
import {ImageItemDecorator} from '@enact/ui/ImageItem';