Popover
Floating panel built on Radix Popover. Use for mini-inspectors, quick settings, and overflow controls.
Install
npx shadcn@latest add https://substrate.georgedrury.co.uk/r/popoverExamples
Default
"use client"
import { RiSettings3Line } from "@remixicon/react"Components
| Component | Description |
|---|---|
Popover | Root wrapper (Radix Popover.Root) |
PopoverTrigger | Element that opens the popover |
PopoverContent | Floating panel with optional arrow |
PopoverClose | Positioned close button |
Props (PopoverContent)
| Prop | Type | Default | Description |
|---|---|---|---|
showArrow | boolean | — | Show a directional arrow |
sideOffset | number | 6 | Gap between trigger and popover |