Interface ExhibitPopperProps

Wraps the Popper with standardized behavior. A popper has 3 lifecycle states: mounted, visible, open.

  1. Animation
  2. Resizing (see popper-max-size-modifier) // TODO - fix arrow option

// TODO - replace with useFloat and remove 'passthrough' dependency on mui

interface ExhibitPopperProps {
    anchorPosition?: ExhibitPopperPosition;
    label?: string;
    offsets?: number[];
    onClose?: (() => void);
    onClosing?: (() => void);
    onMount?: ((element, instance) => void);
    onOpen?: (() => void);
    onOpening?: (() => void);
    resizeOnOverflow?: boolean;
}

Hierarchy

  • PopperProps
    • ExhibitPopperProps

Properties

anchorPosition?: ExhibitPopperPosition
label?: string
offsets?: number[]

major minor offset

Default Value

0, 2
onClose?: (() => void)

Type declaration

    • (): void
    • Returns void

onClosing?: (() => void)

Type declaration

    • (): void
    • Returns void

onMount?: ((element, instance) => void)

Type declaration

    • (element, instance): void
    • Parameters

      • element: HTMLDivElement
      • instance: Instance

      Returns void

onOpen?: (() => void)

Type declaration

    • (): void
    • Returns void

onOpening?: (() => void)

Type declaration

    • (): void
    • Returns void

resizeOnOverflow?: boolean

If panel can resize on overflow. Otherwise will try to fit