Sha256: 55553ca89894bae3a290f08d40dd786334b3b99bb04abccbf8223b9925402117
Contents?: true
Size: 790 Bytes
Versions: 27
Compression:
Stored size: 790 Bytes
Contents
import React from 'react';
import { ListView, OverlayTrigger, Tooltip } from 'patternfly-react';
import PropTypes from 'prop-types';
const InfoItem = ({ itemId, children, tooltipText }) => {
const overlay = (
<OverlayTrigger
overlay={tooltipText ? <Tooltip id={itemId}>{tooltipText}</Tooltip> : ''}
placement="top"
trigger={['hover', 'focus']}
rootClose={false}
>
{children}
</OverlayTrigger>
);
return (
<ListView.InfoItem key={itemId}>
{tooltipText ? overlay : children}
</ListView.InfoItem>
);
};
InfoItem.propTypes = {
itemId: PropTypes.string.isRequired,
children: PropTypes.node,
tooltipText: PropTypes.string,
};
InfoItem.defaultProps = {
tooltipText: '',
children: undefined,
};
export default InfoItem;
Version data entries
27 entries across 27 versions & 1 rubygems