Popover

A floating glass panel anchored to a trigger element.

Install

npx shadcn add @clearly/popover

Live Popover component — see usage below.

import { Popover } from "@/components/ui/popover"

<Popover />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`open`	`boolean`	`—`	Controlled open state.
`onOpenChange`	`(open: boolean) => void`	`—`	Open-state callback.
`align`	`"start" \| "center" \| "end"`	`"center"`	Alignment of the content.
`sideOffset`	`number`	`4`	Distance from trigger in px.
`glass`	`"Subtle" \| "Medium" \| "Strong"`	`"Medium"`	Glass depth of the popover content.
`specular`	`boolean`	`true`	Directional specular highlight.
`radius`	`number`	`18`	Corner radius of the content in px.