← All components

Popover

Anchored floating content for pickers and previews.

Example

import { Button } from "matcha-ui";
import { Popover, PopoverContent, PopoverTrigger } from "matcha-ui";

<Popover>
  <PopoverTrigger asChild>
    <Button variant="outline">Open popover</Button>
  </PopoverTrigger>
  <PopoverContent className="w-64">
    <p className="text-sm">Contextual help or filters go here.</p>
  </PopoverContent>
</Popover>