ui/Item

An unstyled item component and behaviors to be customized by a theme or application.

import Item from '@enact/ui/Item';

Members

ItemComponent

A minimally-styled ready-to-use list item component with touch support.

import Item from '@enact/ui/Item';
Wrapped with: ui/Item.ItemDecorator

ItemBaseComponent

A basic list item component structure without any behaviors applied to it.

It also has support for overlay to place things before and after the main content.

import {ItemBase} from '@enact/ui/Item';
Properties
children
Node

The node to be displayed as the main content of the item.

component
Component

The type of component to use to render the item. May be a DOM node name (e.g 'div', 'span', etc.) or a custom component.

Default: 'div'
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:

  • item - The root class name

  • inline - Applied when inline prop is true

disabled
Boolean

Applies a disabled state to the item.

Default: false
inline
Boolean

Applies inline styling to the item.

Default: false

ItemDecoratorHigher-Order Component

A higher-order component that adds touch support to the component it wraps.

import {ItemDecorator} from '@enact/ui/Item';
ArrayBooleanFunctionModuleNumberObjectString