Primitive / Moleculestable

Popover

Floating content panel anchored to a trigger element.

@glinui/uiComponent: popover

Installation$

Package Manager$

pnpm add @glinui/ui @glinui/tokens

Registry$

pnpm dlx @glinui/cli@latest add popover

Usage$

TSX
1import { Popover, PopoverTrigger, PopoverContent } from "@glinui/ui"
2
3export function PopoverBasicDemo() {
4return (
5 <Popover>
6 <PopoverTrigger>Open popover</PopoverTrigger>
7 <PopoverContent>Popover content</PopoverContent>
8 </Popover>
9)
10}

Examples$

Glass$

TSX
1import { Popover, PopoverTrigger, PopoverContent } from "@glinui/ui"
2
3export function PopoverGlassDemo() {
4return (
5 <Popover>
6 <PopoverTrigger variant="glass">Filter</PopoverTrigger>
7 <PopoverContent variant="glass" className="space-y-2">
8 <p className="text-sm">Filter options</p>
9 </PopoverContent>
10 </Popover>
11)
12}

Accessibility$

  • Built on Radix Popover for focus management and escape handling.
  • Keep popover content concise and task-focused.

Reduced Motion$

Popover remains functional and readable with reduced motion settings.

API Reference$

PopoverTrigger$

PropTypeRequiredDefaultDescription
size"sm" | "md" | "lg"No"md"Variant option from popoverTriggerVariants.
variant"default" | "glass" | "frosted" | "outline" | "ghost"No"default"Variant option from popoverTriggerVariants.

PopoverContent$

PropTypeRequiredDefaultDescription
size"sm" | "md" | "lg"No"md"Variant option from popoverContentVariants.
variant"default" | "glass" | "frosted" | "outline" | "ghost"No"default"Variant option from popoverContentVariants.

Source$

TSX
1import { Popover, PopoverTrigger, PopoverContent } from "@glinui/ui"

Generated API Snapshot

Beta

Auto-extracted from TypeScript source in packages/ui/src/components/popover.tsx. This section is in beta and may lag behind hand-curated docs. Regenerate with pnpm --filter @glinui/docs api:generate.

Generated: 2026-02-19T17:59:28.468Z · Full index: /docs/api-metadata

Primary Props Type

PopoverProps

PopoverContentProps

PropTypeRequiredDefaultDescription
size"sm" | "md" | "lg"No"md"Variant option from popoverContentVariants.
variant"default" | "glass" | "frosted" | "outline" | "ghost"No"default"Variant option from popoverContentVariants.

PopoverProps

No explicit fields extracted for this props type.

PopoverTriggerProps

PropTypeRequiredDefaultDescription
size"sm" | "md" | "lg"No"md"Variant option from popoverTriggerVariants.
variant"default" | "glass" | "frosted" | "outline" | "ghost"No"default"Variant option from popoverTriggerVariants.