@manhphi1309/popover

A beautifully designed popover component for your React application.

Subcomponents

This package provides the following components:

• Popover
• PopoverAnchor
• PopoverContent
• PopoverDescription
• PopoverHeader
• PopoverTitle
• PopoverTrigger

Dependencies

This package relies on:

• @manhphi1309/button
• @manhphi1309/input
• @manhphi1309/utils
• clsx
• radix-ui
• tailwind-merge

Installation

npm install @manhphi1309/popover

Usage Example

import {
  Popover,
  PopoverTrigger,
  PopoverContent,
  PopoverTitle,
  PopoverDescription,
} from "@manhphi1309/popover"
import { Button } from "@manhphi1309/button"

export default function Example() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="outline">Open Popover</Button>
      </PopoverTrigger>
      <PopoverContent>
        <PopoverTitle>Dimensions</PopoverTitle>
        <PopoverDescription>
          Set the dimensions for the layer.
        </PopoverDescription>
      </PopoverContent>
    </Popover>
  )
}