```jsx
import Popover, { PopoverButton, PopoverContent } from '.';
<Popover label="Popover demo">
  <PopoverButton>Open</PopoverButton>
  <PopoverContent>Content</PopoverContent>
</Popover>
```

### Popover with placement

```jsx
import Popover, { PopoverButton, PopoverContent, usePopover } from ".";
const customPopover = usePopover({ placement: "top-end" });
<Popover label="Popover demo" popover={customPopover}>
  <PopoverButton>Open</PopoverButton>
  <PopoverContent>Content</PopoverContent>
</Popover>
```