Sobreposições
Painel ancorado
Popover
Uma pequena superfície associada ao controle que a abriu.
Filtros ⌄
Mostrar projetos
Exemplo didático · Representação visual do padrão
Quando usar
Apresentar filtros, opções ou conteúdo contextual curto.
Cuidados e acessibilidade
Escolha semântica e foco conforme o conteúdo; popover não é um tipo de função ARIA.
Partes e comportamento
Acionador, superfície associada e conteúdo contextual.
Não confunda
Tooltip explica um controle; popover pode oferecer informações mais ricas e controles.
Exemplo de código
<button popovertarget="filtros">Filtros</button>
<div id="filtros" popover>
<label><input type="checkbox"> Apenas ativos</label>
</div>Trecho didático. Integre e teste no contexto do seu projeto.