Popover

A floating panel anchored to a trigger element, for lightweight details and actions that don't need a full dialog.

Popover

Installation

pnpm dlx shadcn@latest add @sortui/popover

Usage

import {
  Popover,
  PopoverContent,
  PopoverDescription,
  PopoverHeader,
  PopoverTitle,
  PopoverTrigger,
} from "@/components/ui/popover"

Examples

With form

Notifications

Filters

Placement

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.