Popover - Selia

Display additional content in a floating overlay near a trigger element.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

Popover Parts

import {
  Popover,
  PopoverTrigger,
  PopoverPopup,
  PopoverTitle,
  PopoverDescription
} from "components/selia/popover";

Structure

The expected structure and composition of the component.

Anatomy

<Popover>
  <PopoverTrigger>Popover Trigger</PopoverTrigger>
  <PopoverPopup>
    <PopoverTitle>Popover Title</PopoverTitle>
    <PopoverDescription>Popover Description</PopoverDescription>
  </PopoverPopup>
</Popover>