@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
TypeScript
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>>;