Stepper

  • Web
  • Native

Reference

Gympass <Stepper /> component is used to guide the user through determined steps.

Usage

Simple

Confirm Booking
Class Booked
Check-in
import { Stepper } from '@gympass/yoga';

With content

Step 0
Step 1
Step 2
Step 1
import { Stepper } from '@gympass/yoga';

Props

Stepper

PropDescriptionTypeDefaultRequired
childrenMust be an Stepper.Step component.customundefinedfalse
activeStepControls the active step, it receive the index value for showing some step. Starting from 0.custom0false

Stepper.Step

PropDescriptionTypeDefaultRequired
labelLabel to be displayed below the stepper dot.stringtrue