UNPKG

react-uni-popper

Version:

A universal, headless React popper component powered by Floating UI. Build tooltips, dropdowns, selects, comboboxes, and more — all with one flexible component.

23 lines (20 loc) 979 B
import React from 'react'; type PositionType = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'; type ReactUniPopperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & { portalContainer?: HTMLElement; reference: HTMLElement | null; zIndex?: number; placement?: PositionType; offset?: number; arrow?: boolean; arrowSize?: number; children: React.ReactNode | ((props: { placement: PositionType; arrowStyles: React.CSSProperties; floatingStyles: React.CSSProperties; arrowRef: React.RefObject<HTMLDivElement>; }) => React.ReactNode); }; declare function ReactUniPopper({ portalContainer, reference, children, placement, offset, zIndex, arrow, arrowSize, ...props }: ReactUniPopperProps): React.JSX.Element; export { ReactUniPopper as default }; export type { PositionType, ReactUniPopperProps };