Function TooltipItem

stories/examples/Tooltip/DirectionsExample.js:5–26

(props)

import PropTypes from 'prop-types';

function TooltipItem(props) {
  const { item, id } = props;
  const [tooltipOpen, setTooltipOpen] = useState(false);

  const toggle = () => setTooltipOpen(!tooltipOpen);

  return (
    <span>
      <Button className="me-1" color="secondary" id={'Tooltip-' + id}>
        {item.text}
      </Button>
      <Tooltip
        placement={item.placement}
        isOpen={tooltipOpen}
        target={'Tooltip-' + id}
        toggle={toggle}
      >
        Tooltip Content!
      </Tooltip>
    </span>
  );
}

TooltipItem.propTypes = {
  item: PropTypes.object,