stepper and stepper-item

Testing the context provided with this component only.

  1. Can the stepper and stepper-item components be accessed?
  2. Is there sufficient context provided to the components?
  3. Can stepper items be selected?
  4. Is there sufficient context provided when selecting stepper items?
Toggle theme

Navigate through each individual sample. Each sample includes different properties, but similar content.

Test 1. Horizontal layout

Step 1 contains a "complete" property. Step 2 contains an "error" property. Step 3 contains an "active" property. Step 4 contains a "disabled" property.

Test 2. Grid layout

Step 1 contains a "complete" property. Step 2 contains an "error" property. Step 3 contains an "active" property. Step 4 contains a "disabled" property.

Test 3. Vertical layout and Small scale

Step 1 contains a "complete" property. Step 2 contains an "error" property. Step 3 contains an "active" property. Step 4 contains a "disabled" property.