UNPKG

react-native-progress-steps

Version:

A simple and fully customizable React Native component that implements a progress stepper UI.

69 lines 2.2 kB
import type { ScrollViewProps, ViewProps } from 'react-native'; export interface ProgressStepsProps extends Omit<StepIconProps, 'stepNum' | 'isFirstStep' | 'isLastStep' | 'isActiveStep' | 'isCompletedStep' | 'label'> { isComplete?: boolean; activeStep?: number; topOffset?: number; marginBottom?: number; children: React.ReactElement<ProgressStepProps>[]; } export interface ProgressStepsState { stepCount: number; activeStep: number; } export interface ProgressStepProps { setActiveStep?: (step: number) => void; activeStep?: number; stepCount?: number; label?: string; onNext?: () => void; onPrevious?: () => void; onSubmit?: () => void; scrollViewProps?: ScrollViewProps; scrollable?: boolean; viewProps?: ViewProps; errors?: boolean; removeBtnRow?: boolean; children?: React.ReactNode; buttonNextText?: string; buttonPreviousText?: string; buttonFinishText?: string; buttonNextDisabled?: boolean; buttonPreviousDisabled?: boolean; buttonFinishDisabled?: boolean; buttonTopOffset?: number; buttonBottomOffset?: number; buttonHorizontalOffset?: number; buttonFillColor?: string; buttonBorderColor?: string; buttonNextTextColor?: string; buttonPreviousTextColor?: string; buttonFinishTextColor?: string; buttonDisabledColor?: string; buttonDisabledTextColor?: string; } export interface StepIconProps { stepNum: number; isFirstStep: boolean; isLastStep: boolean; isActiveStep: boolean; isCompletedStep: boolean; label?: string; borderWidth?: number; activeStepIconBorderColor?: string; progressBarColor?: string; completedProgressBarColor?: string; activeStepIconColor?: string; disabledStepIconColor?: string; completedStepIconColor?: string; labelFontFamily?: string; labelColor?: string; labelFontSize?: number; activeLabelColor?: string; activeLabelFontSize?: number; completedLabelColor?: string; activeStepNumColor?: string; completedStepNumColor?: string; disabledStepNumColor?: string; completedCheckColor?: string; } //# sourceMappingURL=types.d.ts.map