Features

Getting started

add dashed_stepper in your pubspec.yaml dependency

Usage

Column(
  mainAxisAlignment: MainAxisAlignment.spaceAround,
  children: [
    DashedStepper(
      indicatorColor: Colors.green,
      length: 7,
      step: 2,
      labelStyle: const TextStyle(color: Colors.black),
      labels: const [
        'mon',
        'tue',
        'wed',
        'thu',
        'fri',
        'sat',
        'sun',
      ],
    ),
    DashedStepper(
      indicatorColor: Colors.red[300],
      length: 5,
      dotSize: 25,
      lineHeight: 6,
      step: 2,
    ),
    DashedStepper(
      height: 30,
      gap: 5,
      icons: const [
        Icon(Icons.home),
        Icon(Icons.airplane_ticket),
        Icon(Icons.airplanemode_active),
        Icon(Icons.check),
      ],
      labels: const [
        'home',
        'ticket',
        'flight',
        'done',
      ],
      length: 4,
      step: 2,
    ),
    DashedStepper(
      height: 50,
      icons: const [
        Icon(
          Icons.sunny,
          size: 40,
        ),
        Icon(
          Icons.dark_mode,
          size: 40,
        ),
      ],
      length: 2,
      step: 3,
    ),
  ],
),