Overrides

Popover

Extended Features

  • Arrow — optional arrow prop on PopoverContent (defaults to false)

Install

Configure your registry in components.json:

{
  "registries": {
    "@uxio": "https://ui.uxio.dev/r/styles/{style}/{name}.json"
  }
}

Then run:

npx shadcn@latest add @uxio/popover

Usage

"use client"

import { Button } from "@/components/ui/button"
import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"

export function Example() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="outline">Open</Button>
      </PopoverTrigger>
      <PopoverContent arrow>
        <p className="text-sm">Popover body</p>
      </PopoverContent>
    </Popover>
  )
}

Examples

Arrow

Set arrow on PopoverContent to show a pointer toward the anchor (arrow defaults to false).

Side