Popover

Como utilizar

import { Popover, Text } from '@superlogica/design-system'

<Popover
  placement="top"
  trigger="hover"
  content={<Text>Exemplo de Popover</Text>}
>
  <Text as="span">Passe o mouse</Text>
</Popover>

<Popover
  placement="top"
  trigger="hover"
  content={<Text>Exemplo de Popover</Text>}
>
  <Text as="span">Passe o mouse</Text>
</Popover>

Prop	Tipo	Default	Descrição
children	`node`		Elemento que terá popover
content	`node`		Conteúdo do popover
placement	`string`	`top`	Altera a posição do popover (left, left-start, left-end, top, top-start, top-end, right, right-start, right-end, bottom, bottom-start, bottom-end)
size	`string`	`md`	Altera o tamanho (md)
trigger	`string`	`hover`	Tipo do trigger para o Popover (hover, click, focus)
width	`string`		Width do popover