Item | Magento PWA Documentation

The Item component takes a data object and renders it using a render prop or wraps it in an HTML element.

This component is used as a direct child of the Items fragment.

Props

Name	Default	Description
`classes`	`{}`	A classname hash
`hasFocus`	`false`	Set to `true` if the browser is currently focused on the item
`isSelected`	`false`	Set to `true` if the item is currently selected
`item`		A data object. If this is a string, it is rendered as a child
`render`	`'div'`	A render prop or HTML tagname string, such as `"div"`.

import Item from '@magento/peregrine';

<Item
    classes={{ root: 'foo' }}
    item={{ id: 's', value: 'Small' }}
    render='span'
/>