Stepper

  • Web
  • Native

Reference

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

Usage

You can use it with or without children.

Simple

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

Props

Stepper

PropDescriptionTypeDefaultRequired
childrenMust be a 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
Made with ❤️ by Gympass • github