Basic popover.

<script setup lang="ts">
import { Button } from "@/components/ui/button"
import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "@/components/ui/popover"
</script>

<template>
  <div class="flex items-center justify-center">
    <Popover>
      <PopoverTrigger as-child>
        <Button variant="outline" class="w-fit">Open Popover</Button>
      </PopoverTrigger>
      <PopoverContent align="start" class="px-3 py-2">
        <PopoverHeader>
          <PopoverTitle>Dimensions</PopoverTitle>
          <PopoverDescription>Set the dimensions for the layer.</PopoverDescription>
        </PopoverHeader>
      </PopoverContent>
    </Popover>
  </div>
</template>