Popover API

Learn about the Popover component's props and CSS classes.

Import

import {
  PopoverProps,
  PopoverPanelProps,
  PopoverControlProps,
} from "@prismane/core";

Popover extends Paper component's props.

Name	Type	Description	Default
`position`	PrismanePositions	Toggles the popover container's position.	bottom

Popover.Control extends Flex component's props.

Popover.Panel extends Animation and Paper components' props.

Popover extends Paper component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismanePopover-root`	The container of the popover component.
`root`	`.PrismanePopover-root-{position}`	The container of the popover component based on it's position.

Popover.Control extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismanePopoverControl-root`	The container of the popover control component.

Popover.Panel extends Animation and Paper components' CSS classes.

Rule	Global Class	Description
`root`	`.PrismanePopoverPanel-root`	The container of the popover panel component.