UNPKG

@nipe-solutions/react-spring-bottom-sheet

Version:

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

28 lines (27 loc) 1.21 kB
import React from 'react'; import type { defaultSnapProps, RefHandles } from './types'; export declare const BottomSheet: React.ForwardRefExoticComponent<{ initialState: 'OPEN' | 'CLOSED'; lastSnapRef: React.MutableRefObject<number | null>; } & { children: React.ReactNode; sibling?: React.ReactNode; springConfig?: import("./types").SpringConfig; onSpringStart?: (event: import("./types").SpringEvent) => void; onSpringCancel?: (event: import("./types").SpringEvent) => void; onSpringEnd?: (event: import("./types").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: defaultSnapProps) => number); reserveScrollBarGap?: boolean; skipInitialTransition?: boolean; expandOnContentDrag?: boolean; } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & React.RefAttributes<RefHandles>>;