<Popover> Component

Share
Code Editor
<Popover
anchor={
// The anchor can be any component that accepts a ref.
// The Popover will be positioned relative to the anchor.
<PopoverAnchor style={{ width: 50 }}>
{/*
The PopoverTrigger is the component that will be rendered
and that will trigger the Popover to open when clicked. */}
<PopoverTrigger>Trigger</PopoverTrigger>
</PopoverAnchor>
}
content={<>Some content</>}
/>