Info Popover

Info Popover component supporting title and/or text.

Default

Show code
Hide code
import { Icon, InfoPopover } from '@mylighthouse/prism-react';

export default function DefaultExample(): React.JSX.Element {
  return (
    <InfoPopover
      text="The percentage of available rooms that were booked over a given period."
      title="Occupancy"
    >
      <Icon name="circle-information-outline" size="small" />
    </InfoPopover>
  );
}

API Reference

Name Default Type Description
text -- string --
title -- string --
unsafe_open -- boolean Do not use this prop in production. Only used for testing and documentation purposes
unsafe_side -- "top" | "bottom" | "right" | "left" Do not use this prop in production. Only used for testing and documentation purposes