Popover

Demos

Default

Fullscreen
import { Button, Menu, MenuItem, Popover } from 'marketing-ui'
import { IconBarsThree } from 'icons'

function Demo() {
  return (
    <div>
      <Popover
        vertical='top'
        style={{ '--anchor-name': '--popover-top' }}
        id='popover'
      >
        <Menu>
          <MenuItem disabled>Deutsch</MenuItem>
          <MenuItem>Englisch</MenuItem>
        </Menu>
      </Popover>

      <Button
        style={{ '--anchor-name': '--popover-top' }}
        popovertarget='popover'
        label='Popover'
        iconStart={<IconBarsThree />}
      />
    </div>
  )
}

export default Demo

Props