Skip to content

Type Alias: PopoverSlotProps ​

ts
type PopoverSlotProps = {
  align: Alignment;
  arrowSide: Side | "over";
  arrowStyles: CSSProperties;
  away: boolean;
  close: () => void;
  next: () => void;
  popover: PopoverRenderModel;
  prev: () => void;
  scrollBack: () => void;
  side: Side | "over";
};

What every popover slot and custom popover component receives.

Properties ​

PropertyTypeDescription
alignAlignmentThe rendered alignment.
arrowSideSide | "over"The popover edge the arrow sits on (see useDriverPosition); apply as driver-popover-arrow-side-*.
arrowStylesCSSPropertiesInline styles that put the arrow on target; apply to a custom arrow.
awaybooleanThe element is scrolled out of the viewport; the popover is pinned to the edge meanwhile.
close() => void-
next() => void-
popoverPopoverRenderModelThe resolved popover model.
prev() => void-
scrollBack() => voidScroll the element back into view.
sideSide | "over"The rendered side after flipping, "over" when centered.

Released under the MIT License.