zero-dependency-bottom-sheet
Version:
A zero-dependency, customizable React bottom sheet component with drag gestures, snap points, and TypeScript support
26 lines (25 loc) • 638 B
TypeScript
import React from "react";
import "./styles.css";
interface BottomSheetProps {
onClose: () => void;
isOpen: boolean;
children: React.ReactNode;
initialHeight?: number;
backdropColor?: string;
backdropOpacity?: number;
borderRadius?: number;
dragAreaColor?: string;
dragIconColor?: string;
closeOnOverlayClick?: boolean;
snapPoints?: number[];
backgroundColor?: string;
}
declare const BottomSheet: React.FC<BottomSheetProps> & {
Header: React.FC<{
children: React.ReactNode;
}>;
Body: React.FC<{
children: React.ReactNode;
}>;
};
export default BottomSheet;