Popover

Popover component documentation.

Usage

import {
  Popover,
  PopoverTrigger,
  PopoverContent,
} from "@aqqo/aqqo-ui";
<Popover>
  <PopoverTrigger asChild>
    <Button variant="secondary">Open Popover</Button>
  </PopoverTrigger>
  <PopoverContent>
    <Button variant="secondary" className="ring-0 flex items-center">
      <Pencil weight="duotone" className="size-4 mr-2 shrink-0" />
      Edit item
    </Button>
    <Button variant="secondary" className="ring-0 flex items-center">
      <Gear weight="duotone" className="size-4 mr-2 shrink-0" />
      Adjust settings
    </Button>
    <Button
      variant="secondary"
      destructive
      className="ring-0 flex items-center"
    >
      <Trash weight="duotone" className="size-4 mr-2 shrink-0" />
      Remove permanently
    </Button>
  </PopoverContent>
</Popover>

On this page

  1. Usage
Scroll to top