UNPKG

bottom-sheet-stepper

Version:

A lightweight and customizable stepper component for React Native, built on top of @gorhom/bottom-sheet. Easily manage multi-step flows in a modal bottom sheet with smooth animations and full control.

21 lines (20 loc) 706 B
import React from 'react'; import { type ViewStyle, type StyleProp } from 'react-native'; export type StepComponentProps = { onNextPress: () => void; onBackPress: () => void; onEnd?: () => void; }; export type BottomSheetStepperRef = { present: () => void; dismiss: () => void; }; export type BottomSheetStepperProps = { steps: ((props: StepComponentProps) => React.ReactNode)[]; style?: StyleProp<ViewStyle>; bottomInset?: number; horizontalInset?: number; disablePanDownToClose?: boolean; }; declare const BottomSheetStepper: React.ForwardRefExoticComponent<BottomSheetStepperProps & React.RefAttributes<BottomSheetStepperRef>>; export default BottomSheetStepper;