Popover

Sobreposição de conteúdo rico acionada por clique ou hover. Diferente do Tooltip (hover, apenas texto), o Popover comporta formulários, menus e conteúdo interativo com posicionamento configurável e um indicador de seta opcional. Suporta 8 posições, botão de fechar, cabeçalho com título e modos de acionamento por clique e hover.

Pré-visualização e Código

Opções

Nome Tipo Padrão Descrição
placement Symbol :bottom Position relative to trigger: :top, :bottom, :left, :right, :top_start, :top_end, :bottom_start, :bottom_end
arrow Boolean true Show arrow pointing to trigger element
trigger Symbol :click How to show popover: :click or :hover
offset Integer 8 Distance from trigger in pixels (applied via placement margin classes)
title String nil Optional popover title shown in the header
dismissible Boolean true Show close button in the header
class String "" Additional CSS classes for the container

Changelog v1.0.0

- v1.0.0: Initial release with placement, arrow, trigger mode, title, and dismissible options

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora