AeontelAeontel Docs

Popover

Floating popover anchored to a trigger.

Usage

TSX
import { Popover, PopoverContent, PopoverTrigger } from "@aeontel/ui";

<Popover>
  <PopoverTrigger asChild>
    <Button variant="ghost">Filters</Button>
  </PopoverTrigger>
  <PopoverContent className="w-72">Filter form.</PopoverContent>
</Popover>;

Exports

Popover

Popover root.

TypeScript
Popover(props: PopoverPrimitive.Root.Props): JSX.Element

PopoverTrigger

Element that opens the popover.

TypeScript
PopoverTrigger(props: PopoverPrimitive.Trigger.Props): JSX.Element

PopoverContent

Floating popover content.

TypeScript
PopoverContent(props: PopoverPrimitive.Popup.Props & Pick< PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" >): JSX.Element

PopoverHeader

Header section of the popover content.

TypeScript
PopoverHeader(props: React.ComponentProps<"div">): JSX.Element

PopoverTitle

Popover title text.

TypeScript
PopoverTitle(props: PopoverPrimitive.Title.Props): JSX.Element

PopoverDescription

Popover description text.

TypeScript
PopoverDescription(props: PopoverPrimitive.Description.Props): JSX.Element