Popover

Fecha o painel de dentro dele, sem você guardar estado.

O painel já fecha com Esc e com clique fora; este serve para o botão que conclui (o Aplicar de um filtro, o Entendi de uma explicação) fechar junto com o que ele faz.

O painel, em portal no contêiner do RivoProvider.

side, align e sideOffset moram aqui de propósito: quem escreve a tela decide o lado junto com o conteúdo, e não na raiz, longe do que vai dentro. O painel vira sozinho quando não cabe do lado pedido.

São as mesmas três props, com o mesmo significado e a mesma folga padrão de 6px, no MenuContent, no SelectContent, no ComboboxContent e no TooltipContent: o que flutua nesta biblioteca também se posiciona igual.

O texto do painel, ligado a ele por aria-describedby.

O título do painel, ligado a ele por aria-labelledby.

Sem ele o leitor de tela abre um painel sem nome, e quem navega por teclado descobre onde está lendo o primeiro parágrafo.

O que abre o painel, e a âncora dele.

A posição é medida a partir daqui, então o gatilho é o elemento visível ao lado do qual o painel deve aparecer, e não um invólucro maior que o empurraria para longe. Com openOnHover, abre na passagem do mouse; use com parcimônia, porque painel que abre sozinho atravessa o caminho de quem só estava passando.

Ele não tem pele própria (o uso comum é render={<Button />}, e duas fontes de estilo brigariam), mas tem o anel de foco do teclado. Foco não é pele: quando o gatilho é escrito à mão, o anel daqui é o único que existe.