Railbase
GPTClaude

Popover

Floating content anchored to a trigger.

Updated

Default
<Popover>
  <PopoverTrigger asChild><Button variant="outline">Open popover</Button></PopoverTrigger>
  <PopoverContent class="w-64 text-sm">Place content for the popover here.</PopoverContent>
</Popover>

Floating content anchored to a trigger.

Installation

railbase ui add popover

Note

railbase ui add also copies shared primitives — they ship alongside this component automatically.

Usage

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

<Popover>
  <PopoverTrigger>Open</PopoverTrigger>
  <PopoverContent>Popover body.</PopoverContent>
</Popover>

Anatomy

Exported parts: Popover · PopoverTrigger · PopoverAnchor · PopoverContent

← PreviousPhoneNext →Progress