UNPKG

react-spring-bottom-sheet-container-ref

Version:

✨ Accessible, 🪄 Delightful, and 🤯 Performant. Built on react-spring for the web, and react-use-gesture.

25 lines (24 loc) 1.18 kB
import React from 'react'; import type { RefHandles, SpringEvent, PortalProps } from './types'; export type { RefHandles as BottomSheetRef, Props as BottomSheetProps, } from './types'; export declare const BottomSheet: React.ForwardRefExoticComponent<{ children: React.ReactNode; sibling?: React.ReactNode; onSpringStart?: (event: SpringEvent) => void; onSpringCancel?: (event: SpringEvent) => void; onSpringEnd?: (event: SpringEvent) => void; open: boolean; className?: string; footer?: React.ReactNode; header?: React.ReactNode; initialFocusRef?: false | React.RefObject<HTMLElement>; onDismiss?: () => void; blocking?: boolean; maxHeight?: number; scrollLocking?: boolean; snapPoints?: import("./types").snapPoints; defaultSnap?: number | ((props: import("./types").defaultSnapProps) => number); reserveScrollBarGap?: boolean; skipInitialTransition?: boolean; expandOnContentDrag?: boolean; } & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "children"> & PortalProps & React.RefAttributes<RefHandles>>;