1Sponsor

Popover

Positioned popover with arbitrary content

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/popover.json

Usage

import { Popover } from "@/components/ui/popover";
<Popover
  isOpen={true}
  title="Info"
  trigger={<Text bold>[?] Help</Text>}
  onClose={() => close()}
>
  <Text>Press Enter to confirm, Esc to cancel.</Text>
</Popover>

API Reference

Popover

PropTypeDefault
triggerReactNoderequired
childrenReactNoderequired
isOpenbooleanfalse
onClose() => voidundefined
titlestringundefined