Steppers Test Page

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Profile Substep 3

Profile Substep 4

Profile Substep 5

Profile Substep 6

Profile Substep 7

Profile Substep 8

Profile Substep 9

Profile Substep 10

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

mds-stepper--wide could be added dynamically via Javascript if desired

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you have seen yet, really
The longest label you have seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5

Step 6

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5
Step 6
Step 6

Step 2

Step 1

Step 1 Substep 1

Step 1 Substep 2

Step 1 Substep 3

Step 1 Substep 4

Step 1 Substep 5

Step 1 Substep 6

Step 1 Substep 7

Step 1
Step 2

Step 2 Substep 1

Step 2 Substep 2

Step 2 Substep 3

Step 2 Substep 4

Step 2 Substep 5

Step 2 Substep 6

Step 2 Substep 7

Step 2
Step 3

Step 3 Substep 1

Step 3 Substep 2

Step 3 Substep 3

Step 3 Substep 4

Step 3 Substep 5

Step 3 Substep 6

Step 3 Substep 7

Step 3
Step 4

Step 4 Substep 1

Step 4 Substep 2

Step 4 Substep 3

Step 4 Substep 4

Step 4 Substep 5

Step 4 Substep 6

Step 4 Substep 7

Step 4
Step 5

Step 5 Substep 1

Step 5 Substep 2

Step 5 Substep 3

Step 5 Substep 4

Step 5 Substep 5

Step 5 Substep 6

Step 5 Substep 7

Step 5
Step 6

Step 6 Substep 1

Step 6 Substep 2

Step 6 Substep 3

Step 6 Substep 4

Step 6 Substep 5

Step 6 Substep 6

Step 6 Substep 7

Step 6
Step 7
Step 7

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Profile Substep 3

Profile Substep 4

Profile Substep 5

Profile Substep 6

Profile Substep 7

Profile Substep 8

Profile Substep 9

Profile Substep 10

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

mds-stepper--wide could be added dynamically via Javascript if desired

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you have seen yet, really
The longest label you have seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5

Step 6

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5
Step 6
Step 6

Step 2

Step 1

Step 1 Substep 1

Step 1 Substep 2

Step 1 Substep 3

Step 1 Substep 4

Step 1 Substep 5

Step 1 Substep 6

Step 1 Substep 7

Step 1
Step 2

Step 2 Substep 1

Step 2 Substep 2

Step 2 Substep 3

Step 2 Substep 4

Step 2 Substep 5

Step 2 Substep 6

Step 2 Substep 7

Step 2
Step 3

Step 3 Substep 1

Step 3 Substep 2

Step 3 Substep 3

Step 3 Substep 4

Step 3 Substep 5

Step 3 Substep 6

Step 3 Substep 7

Step 3
Step 4

Step 4 Substep 1

Step 4 Substep 2

Step 4 Substep 3

Step 4 Substep 4

Step 4 Substep 5

Step 4 Substep 6

Step 4 Substep 7

Step 4
Step 5

Step 5 Substep 1

Step 5 Substep 2

Step 5 Substep 3

Step 5 Substep 4

Step 5 Substep 5

Step 5 Substep 6

Step 5 Substep 7

Step 5
Step 6

Step 6 Substep 1

Step 6 Substep 2

Step 6 Substep 3

Step 6 Substep 4

Step 6 Substep 5

Step 6 Substep 6

Step 6 Substep 7

Step 6
Step 7
Step 7

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Profile Substep 3

Profile Substep 4

Profile Substep 5

Profile Substep 6

Profile Substep 7

Profile Substep 8

Profile Substep 9

Profile Substep 10

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

mds-stepper--wide could be added dynamically via Javascript if desired

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you have seen yet, really
The longest label you have seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5

Step 6

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5
Step 6
Step 6

Step 2

Step 1

Step 1 Substep 1

Step 1 Substep 2

Step 1 Substep 3

Step 1 Substep 4

Step 1 Substep 5

Step 1 Substep 6

Step 1 Substep 7

Step 1
Step 2

Step 2 Substep 1

Step 2 Substep 2

Step 2 Substep 3

Step 2 Substep 4

Step 2 Substep 5

Step 2 Substep 6

Step 2 Substep 7

Step 2
Step 3

Step 3 Substep 1

Step 3 Substep 2

Step 3 Substep 3

Step 3 Substep 4

Step 3 Substep 5

Step 3 Substep 6

Step 3 Substep 7

Step 3
Step 4

Step 4 Substep 1

Step 4 Substep 2

Step 4 Substep 3

Step 4 Substep 4

Step 4 Substep 5

Step 4 Substep 6

Step 4 Substep 7

Step 4
Step 5

Step 5 Substep 1

Step 5 Substep 2

Step 5 Substep 3

Step 5 Substep 4

Step 5 Substep 5

Step 5 Substep 6

Step 5 Substep 7

Step 5
Step 6

Step 6 Substep 1

Step 6 Substep 2

Step 6 Substep 3

Step 6 Substep 4

Step 6 Substep 5

Step 6 Substep 6

Step 6 Substep 7

Step 6
Step 7
Step 7

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Profile Substep 3

Profile Substep 4

Profile Substep 5

Profile Substep 6

Profile Substep 7

Profile Substep 8

Profile Substep 9

Profile Substep 10

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

mds-stepper--wide could be added dynamically via Javascript if desired

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you have seen yet, really
The longest label you have seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5

Step 6

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5
Step 6
Step 6

Step 2

Step 1

Step 1 Substep 1

Step 1 Substep 2

Step 1 Substep 3

Step 1 Substep 4

Step 1 Substep 5

Step 1 Substep 6

Step 1 Substep 7

Step 1
Step 2

Step 2 Substep 1

Step 2 Substep 2

Step 2 Substep 3

Step 2 Substep 4

Step 2 Substep 5

Step 2 Substep 6

Step 2 Substep 7

Step 2
Step 3

Step 3 Substep 1

Step 3 Substep 2

Step 3 Substep 3

Step 3 Substep 4

Step 3 Substep 5

Step 3 Substep 6

Step 3 Substep 7

Step 3
Step 4

Step 4 Substep 1

Step 4 Substep 2

Step 4 Substep 3

Step 4 Substep 4

Step 4 Substep 5

Step 4 Substep 6

Step 4 Substep 7

Step 4
Step 5

Step 5 Substep 1

Step 5 Substep 2

Step 5 Substep 3

Step 5 Substep 4

Step 5 Substep 5

Step 5 Substep 6

Step 5 Substep 7

Step 5
Step 6

Step 6 Substep 1

Step 6 Substep 2

Step 6 Substep 3

Step 6 Substep 4

Step 6 Substep 5

Step 6 Substep 6

Step 6 Substep 7

Step 6
Step 7
Step 7

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Profile Substep 3

Profile Substep 4

Profile Substep 5

Profile Substep 6

Profile Substep 7

Profile Substep 8

Profile Substep 9

Profile Substep 10

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

mds-stepper--wide could be added dynamically via Javascript if desired

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Profile longer label

Profile longer label

Profile Substep 1

Profile Substep 2

Profile longer label
Accounts / Expenses
Accounts / Expenses
Our Advice
Our Advice
Finalize
Finalize

Your Information

Your Information

Profile Substep 1

Profile Substep 2

Your Information
Household Information

Number of dependents

Household income

Liabilities

Household Information
Select a Plan
Select a Plan
Summary
Summary
Finalize
Finalize

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you've seen yet, really
The longest label you've seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Really Long Label 1

Really Long Label 1
Really Long Label 1
An Even Longer Label Than That One
An Even Longer Label Than That One
The longest label you have seen yet, really
The longest label you have seen yet, really
Short Label
Short Label
This last label is also long and problematic
This last label is also long and problematic

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4

Step 1

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5

Step 6

Step 1
Step 1
Step 2
Step 2
Step 3
Step 3
Step 4
Step 4
Step 5
Step 5
Step 6
Step 6

Step 2

Step 1

Step 1 Substep 1

Step 1 Substep 2

Step 1 Substep 3

Step 1 Substep 4

Step 1 Substep 5

Step 1 Substep 6

Step 1 Substep 7

Step 1
Step 2

Step 2 Substep 1

Step 2 Substep 2

Step 2 Substep 3

Step 2 Substep 4

Step 2 Substep 5

Step 2 Substep 6

Step 2 Substep 7

Step 2
Step 3

Step 3 Substep 1

Step 3 Substep 2

Step 3 Substep 3

Step 3 Substep 4

Step 3 Substep 5

Step 3 Substep 6

Step 3 Substep 7

Step 3
Step 4

Step 4 Substep 1

Step 4 Substep 2

Step 4 Substep 3

Step 4 Substep 4

Step 4 Substep 5

Step 4 Substep 6

Step 4 Substep 7

Step 4
Step 5

Step 5 Substep 1

Step 5 Substep 2

Step 5 Substep 3

Step 5 Substep 4

Step 5 Substep 5

Step 5 Substep 6

Step 5 Substep 7

Step 5
Step 6

Step 6 Substep 1

Step 6 Substep 2

Step 6 Substep 3

Step 6 Substep 4

Step 6 Substep 5

Step 6 Substep 6

Step 6 Substep 7

Step 6
Step 7
Step 7

Basic Stepper Example, Responsive behavior triggered via plain CSS

Suppress small step indicator dots

Suppress small step interactivity

Stepper example with mds-stepper--wide modifier class triggering the wide layout regardless of viewport width

Stepper example with mds-stepper--light-labels modifier class triggering the wide layout regardless of viewport width

Stepper examples with responsive behavior defined using the scss mixin in a separate stylesheet

Long Labels, doesn't switch to wide layout until 1568px

Long Labels, medium font size, switches to wide layout at 1280px

Long Labels, small font size, switches to wide layout at 1112px

Labels are short enough, switch to wide layout at 200px

Basic Stepper Example, Responsive behavior triggered via plain CSS

Suppress small step indicator dots

Suppress small step interactivity

Stepper example with mds-stepper--wide modifier class triggering the wide layout regardless of viewport width

Stepper example with mds-stepper--light-labels modifier class triggering the wide layout regardless of viewport width

Stepper examples with responsive behavior defined using the scss mixin in a separate stylesheet

Long Labels, doesn't switch to wide layout until 1568px

Long Labels, medium font size, switches to wide layout at 1280px

Long Labels, small font size, switches to wide layout at 1112px

Labels are short enough, switch to wide layout at 200px

Basic Stepper Example, Responsive behavior triggered via plain CSS

Suppress small step indicator dots

Suppress small step interactivity

Stepper example with mds-stepper--wide modifier class triggering the wide layout regardless of viewport width

Stepper example with mds-stepper--light-labels modifier class triggering the wide layout regardless of viewport width

Stepper examples with responsive behavior defined using the scss mixin in a separate stylesheet

Long Labels, doesn't switch to wide layout until 1568px

Long Labels, medium font size, switches to wide layout at 1280px

Long Labels, small font size, switches to wide layout at 1112px

Labels are short enough, switch to wide layout at 200px

Basic Stepper Example, Responsive behavior triggered via plain CSS

Suppress small step indicator dots

Suppress small step interactivity

Stepper example with mds-stepper--wide modifier class triggering the wide layout regardless of viewport width

Stepper example with mds-stepper--light-labels modifier class triggering the wide layout regardless of viewport width

Stepper examples with responsive behavior defined using the scss mixin in a separate stylesheet

Long Labels, doesn't switch to wide layout until 1568px

Long Labels, medium font size, switches to wide layout at 1280px

Long Labels, small font size, switches to wide layout at 1112px

Labels are short enough, switch to wide layout at 200px

Basic Stepper Example, Responsive behavior triggered via plain CSS

Suppress small step indicator dots

Suppress small step interactivity

Stepper example with mds-stepper--wide modifier class triggering the wide layout regardless of viewport width

Stepper example with mds-stepper--light-labels modifier class triggering the wide layout regardless of viewport width

Stepper examples with responsive behavior defined using the scss mixin in a separate stylesheet

Long Labels, doesn't switch to wide layout until 1568px

Long Labels, medium font size, switches to wide layout at 1280px

Long Labels, small font size, switches to wide layout at 1112px

Labels are short enough, switch to wide layout at 200px

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--wide` modifier class triggering the wide layout regardless of viewport width

Stepper example with `mds-stepper--light-labels` modifier class triggering the wide layout regardless of viewport width