Components

Popover

A non-modal panel anchored to a trigger.

Installation

npx shadcn@latest add @fujin/popover

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

<Popover>
  <PopoverTrigger render={<Button variant="outline">Filters</Button>} />
  <PopoverContent>...</PopoverContent>
</Popover>

render replaces asChild, from Base UI - same as button.

Prop

Type

Every other prop is forwarded to the Base UI Popover.

Badge

A small status or count label with 7 variants.

Tooltip

A hover/focus hint. Not a substitute for an accessible name.