Popover

Floating popover with backdrop blur.

Preview

bash

npx auralix-ui add popover

tsx

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

<Popover trigger={<Button>Open</Button>}>
  <p>Popover content here</p>
</Popover>

Name	Type	Default	Description
`trigger`	`ReactNode`	`-`	Element that triggers the popover.
`children`	`ReactNode`	`-`	Popover content.
`side`	`"top" \| "bottom" \| "left" \| "right"`	`"bottom"`	Popover position.
`align`	`"start" \| "center" \| "end"`	`"center"`	Alignment.

On this page