Popover

Version - 0.0.5

Displays rich content in a portal, triggered by a button.

Installation

npm install @volta/popover

Usage

import { Popover, PopoverContent, PopoverTrigger } from '@volta/popover';
import { Button } from '@volta/button';

<Popover>
  <PopoverTrigger asChild>
    <Button variant="outline">Open popover</Button>
  </PopoverTrigger>
  <PopoverContent className="w-80">
    <div className="grid gap-4">
      <div className="space-y-2">
        <h4 className="font-medium leading-none">Headline</h4>
        <p className="text-md">
          This is just a message or an information for the popover you just
          clicked seconds ago.
        </p>
      </div>
    </div>
  </PopoverContent>
</Popover>

Navigation Menu Progress