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 |