PopoverTrigger

Description

The PopoverTrigger component wraps an element that opens the popover when clicked. It toggles the popover’s visibility on each click.

Must be used within a Popover provider.

The children of this component must be an interactable element (button, link,..)

Example

import {
  Popover,
  PopoverTrigger,
  PopoverContent,
  IconButton,
} from '@tmedxp/react-components';

const PopoverTriggerExample = () => {
  return (
    <Popover placement="right">
      <PopoverTrigger>
        <IconButton iconName="info" size="sm" isNeutral />
      </PopoverTrigger>
      <PopoverContent title="Details" labels={{ Close: 'Close popover' }}>
        Click the icon to toggle this popover
      </PopoverContent>
    </Popover>
  );
};

export { PopoverTriggerExample };