ui/Item

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

Import Usage

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

Members

Item   Component

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

Import Usage

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

Extends: ui/Itemui/Item.ItemBase
Wrapped with: ui/Itemui/Item.ItemDecorator

ItemBase   Component

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 Usage

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

Properties

children

Node

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

---

component

StringComponent

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

ItemDecorator   Higher-Order Component

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

Import Usage

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

Includes: ui/ForwardRefui/ForwardRef.ForwardRef
Includes: ui/Touchableui/Touchable.Touchable