CmPopover
Painel flutuante ancorado para filtros, ações rápidas e conteúdo leve.
Import
Caminho público recomendado para este componente.
import { CmBadge, CmButton, CmPopover, CmRow, CmSeparator, CmStack, CmText } from "cosmemilton-ui";CmPopover abre um painel pequeno ancorado ao elemento que você renderiza em trigger. Use para ações rápidas, filtros e conteúdo leve.
trigger é uma função: passe ref para o botão que abre o popover e chame toggle no onClick. O componente usa esse ref para calcular a posição.
Quando o conteúdo precisa fechar o painel, renderize children como função e use close(). align controla o alinhamento: start, center ou end.
Para estado controlado, passe open e onOpenChange. O trigger continua recebendo ref, toggle e open para renderizar o botão.
Filtro ancorado
O botão controla abertura/fechamento; o conteúdo usa close para encerrar a interação depois de aplicar ou cancelar.
Controlado com useState
Use open/onOpenChange quando outro elemento da tela também precisa saber se o popover está aberto.
Estado atual: fechado