Skip to content

components/popover

PopoverProps = HTMLAttributes<HTMLDivElement> > & object

Props accepted by Popover.

open: boolean

Whether the popover is shown.

optional side?: "top" | "bottom"

Which edge of the anchor it opens from.


PopoverOptionProps = HTMLAttributes<HTMLDivElement> > & object

Props accepted by PopoverOption.

active: boolean

Whether keyboard navigation currently highlights this option.

const PopoverAnchor: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > & RefAttributes<HTMLDivElement>>>>

The positioned box a Popover attaches to.


const Popover: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > & object & RefAttributes<HTMLDivElement>>>>

A non-modal raised panel attached to its PopoverAnchor. It never takes focus, so the anchored control (for example a composer) keeps typing while the popover lists suggestions.


const PopoverOption: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > & object & RefAttributes<HTMLDivElement>>>>

One option row inside a Popover list; pointer presses keep focus where it is.