Popover

A floating panel anchored to a trigger element.

Preview

Props

PropTypeDefaultDescription
contentReactNodePopover content
childrenReactNodeTrigger element

Usage

const { Popover, Button } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Popover, { content: 'Popover content' },
    React.createElement(Button, { variant: 'outline' }, 'Open')
  )
);