Click-triggered floating card. Portal-rendered.
Floating card opened by clicking its anchor. Portal-rendered so it escapes overflow/transform stacking contexts. Useful for menus, filters, color pickers.
import { Popover } from "@/components/ui/popover";
<Popover anchor={<Button>Open</Button>}>
<Card>Filter options here</Card>
</Popover>components/ui/ folder. You own the code.