1. Docs
  3. Components
  5. Popover

Popover

Displays rich content in a portal, triggered by a button.

Docs

Installation

npx shadcn@latest add @kanpeki/popover

Anatomy

import { Button } from "~/components/ui/button";
import { Popover } from "~/components/ui/popover";

<Popover.Root>
  <Button>...</Button>

  <Popover.Content>
    <Popover.Arrow />
    ...
  </Popover.Content>
</Popover.Root>

Examples

With Arrow

MenuRadio Group