Popover

A floating container for displaying rich content relative to a trigger.

tsx

import { Popover } from '@xdev-asia/x-ui-react';

tsx

<Popover trigger={<Button>Show Popover</Button>}>
  <div style={{ padding: '12px' }}>
    <h4>Popover Title</h4>
    <p>This is the popover content.</p>
  </div>
</Popover>

Props

trigger - Element that triggers popover
placement - Positioning relative to trigger
triggerMode - 'click' | 'hover'

Navigation