How to use terra-clinical-item-view - 2 common examples
To help you get started, we’ve selected a few terra-clinical-item-view examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
cerner / terra-clinical / packages / terra-clinical-item-collection / src / Item.jsx View on Github 
const selectableProps = isSelectable ? { isSelectable, tabIndex: 0 } : {};
if (view === Views.TABLE) {
return createTableRow(elements, selectableProps, customProps, isSelected, accessoryAlignment);
}
const itemViewStyles = {
layout: listItemLayout, textEmphasis: listItemTextEmphasis, isTruncated: isListItemTruncated, accessoryAlignment,
};
return createListItem(elements, selectableProps, customProps, isSelected, itemViewStyles, showListItemChevron);
};
Item.propTypes = propTypes;
Item.defaultProps = defaultProps;
Item.Display = ItemView.Display;
Item.Comment = ItemView.Comment;
export default Item;
export {
ListItemLayouts, ListItemTextEmphasisTypes, AccessoryAlignments, Views,
};};
const selectableProps = isSelectable ? { isSelectable, tabIndex: 0 } : {};
if (view === Views.TABLE) {
return createTableRow(elements, selectableProps, customProps, isSelected, accessoryAlignment);
}
const itemViewStyles = {
layout: listItemLayout, textEmphasis: listItemTextEmphasis, isTruncated: isListItemTruncated, accessoryAlignment,
};
return createListItem(elements, selectableProps, customProps, isSelected, itemViewStyles, showListItemChevron);
};
Item.propTypes = propTypes;
Item.defaultProps = defaultProps;
Item.Display = ItemView.Display;
Item.Comment = ItemView.Comment;
export default Item;
export {
ListItemLayouts, ListItemTextEmphasisTypes, AccessoryAlignments, Views,
};terra-clinical-item-view
The Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment.
