If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

Item

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 Required 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 check_box   A data object. If this is a string, it is rendered as a child
render check_box 'div' A render prop or HTML tagname string, such as "div".

Example


import Item from '@magento/peregrine';

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