Primitive / Moleculestable
Popover
Floating content panel anchored to a trigger element.
@glinui/uiComponent: popover
Installation$
Package Manager$
pnpm add @glinui/ui @glinui/tokensRegistry$
pnpm dlx @glinui/cli@latest add popoverUsage$
TSX
1import { Popover, PopoverTrigger, PopoverContent } from "@glinui/ui"23export 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"23export 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$
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
size | "sm" | "md" | "lg" | No | "md" | Variant option from popoverTriggerVariants. |
variant | "default" | "glass" | "frosted" | "outline" | "ghost" | No | "default" | Variant option from popoverTriggerVariants. |
PopoverContent$
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
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
Generated API Snapshot
BetaAuto-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
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
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
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
size | "sm" | "md" | "lg" | No | "md" | Variant option from popoverTriggerVariants. |
variant | "default" | "glass" | "frosted" | "outline" | "ghost" | No | "default" | Variant option from popoverTriggerVariants. |