Popover

Organism

Anchor-based contextual panel. Closes on outside click and Escape key. Supports top/bottom/left/right placement.

Preview

Code

<%- include('modules/ui/Popover', {
  id: 'pro-info',
  trigger: '',
  placement: 'bottom',
  children: '...'
}) %>

Preview

Code

<%- include('modules/ui/Popover', {
  id: 'note-popover',
  trigger: '',
  placement: 'right',
  children: '...'
}) %>

Preview

Code

<%- include('modules/ui/Popover', {
  id: 'account-popover',
  trigger: '',
  placement: 'top',
  children: '...'
}) %>

<%- include('./Overlays/Popover/Popover', locals) %>