infinity-ui-elements
Version:
A React TypeScript component library with Tailwind CSS design system
90 lines • 2.22 kB
TypeScript
import * as React from "react";
export interface BottomSheetProps {
/**
* Whether the bottom sheet is open
*/
isOpen: boolean;
/**
* Callback when the bottom sheet should close
*/
onClose?: () => void;
/**
* Bottom sheet title - optional
*/
title?: string;
/**
* Bottom sheet description/subtitle - optional
*/
description?: string;
/**
* Bottom sheet footer content - optional
*/
footer?: React.ReactNode;
/**
* Bottom sheet body content
*/
children: React.ReactNode;
/**
* Style variant - "default" applies default styles, "unstyled" removes all default styling
*/
variant?: "default" | "unstyled";
/**
* Whether to show the close button in header
*/
showCloseButton?: boolean;
/**
* Whether to show the drag handle
*/
showDragHandle?: boolean;
/**
* Whether clicking the overlay closes the bottom sheet
*/
closeOnOverlayClick?: boolean;
/**
* Whether pressing Escape closes the bottom sheet
*/
closeOnEscape?: boolean;
/**
* Whether swiping down closes the bottom sheet
*/
closeOnSwipeDown?: boolean;
/**
* Maximum height of the bottom sheet (percentage or specific value)
*/
maxHeight?: string;
/**
* Custom class name for the bottom sheet container
*/
className?: string;
/**
* Custom class name for the bottom sheet content
*/
contentClassName?: string;
/**
* Custom class name for the header
*/
headerClassName?: string;
/**
* Custom class name for the body
*/
bodyClassName?: string;
/**
* Custom class name for the footer
*/
footerClassName?: string;
/**
* Custom class name for the overlay
*/
overlayClassName?: string;
/**
* ARIA label for accessibility
*/
ariaLabel?: string;
/**
* ARIA description for accessibility
*/
ariaDescribedBy?: string;
}
declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
export { BottomSheet };
//# sourceMappingURL=BottomSheet.d.ts.map