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.


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".


import Item from '@magento/peregrine';

    classes={{ root: 'foo' }}
    item={{ id: 's', value: 'Small' }}