Usage
import { StepsItem } from 'nr1'Props
Provide a label for screen readers to describe the step. This is only
required if the screen reader label should be different to the
label prop.
If true, marks the step as completed.
Content to render inside the item.
Appends class names to the component.
Should be used only for positioning and spacing purposes.
Use disabled to prevent users from opening the step by clicking on its label.
When true, it will show the content of the step.
Label of the step.
Inline style for custom styling.
Should be used only for positioning and spacing purposes.
Adds a data-test-id attribute. Use it to target the component in unit and
E2E tests.
For a test id to be valid, prefix it with your nerdpack id, followed up by a dot.
For example, my-nerdpack.some-element.
Note: You might not see data-test-id attributes as they are removed
from the DOM, to debug them pass a e2e-test query parameter to the URL.
Used by the <Steps> to identify the active step.