---
name: Popover
---

import {Playground, PropsTable} from 'docz'

import Popover from '.'

# Popover

You can make stuff like tooltips out of it

<Playground>
  <Popover>
    {popover => (
      <>
        <Popover.Target>
          {target => <button {...target} onClick={popover.toggle}>Reference element</button>}
        </Popover.Target>
        <Popover.Popper placement="right" {...popover}>
          This is a popover
        </Popover.Popper>
      </>
    )}
  </Popover>
</Playground>

<PropsTable of={Popover}/>
