ui/ImageItem

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
children
Node

The caption displayed with the image.

componentRef
ObjectFunction

Called with a reference to the root component.

When using ui/ImageItem.ImageItem, the ref prop is forwarded to this component as componentRef.

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:

  • imageItem - The root component class

  • caption - The caption component class

  • horizontal - Applied when `orientation="horizontal"

  • image - The image component class

  • selected - Applied when selected prop is true

  • vertical - Applied when `orientation="vertical"

imageComponent
ComponentElement

The component used to render the image component.

orientation
'horizontal''vertical'

The layout orientation of the component.

Default: 'vertical'
placeholder
String

A placeholder image to be displayed before the image is loaded.

selected
Boolean

Applies a selected visual effect to the image.

Default: false
src
StringObject

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