Popover

Ready

Floating content anchored to a trigger.

Requires radix-ui

Installation

$ npx @oratiq-js/ui add popover

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

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

Default

align="start" is resolved against the writing direction by Radix, so an aligned popover lands on the correct edge in both LTR and RTL with no extra handling.

View source on GitHub → components/ui/popover.tsx