Stepper

Multi-step progress, horizontal or vertical, with numbers or icons.

Usage

import {Stepper} from 'rn-inkpad';

<Stepper steps={[{label: 'Cart'}, {label: 'Payment'}, {label: 'Done'}]} current={1} />
<Stepper orientation="vertical" steps={steps} current={0} onStepPress={setCurrent} />

Props

Name	Type	Default	Description
steps	{label?: string; icon?: IconProp}[]		Steps.
current	number		Active step (0-based). Previous steps are completed.
orientation	'horizontal' | 'vertical'	horizontal	Layout.
activeColor	string	theme primary	Active step color.
completedColor	string	activeColor	Completed steps color.
pendingColor	string	theme border	Pending steps color.
textColor	string		Label color.
completedIcon	IconProp	built-in check	Icon drawn on completed steps.
onStepPress	(index: number) => void		Makes the steps pressable.
size	number	28	Circle diameter.
style	StyleProp<ViewStyle>		Container style.
labelStyle	StyleProp<TextStyle>		Label style.