Skip to main content

Step

shadow

The Step component displays a single step within the [Stepper] component(stepper.md). It is a child component that is used to define the individual steps within a sequence.

note

For examples of using the Step component, go to the [Stepper] documentation(stepper.md).

When to use​

Use wje-step when users need to enter values, choose options, or trigger form-related actions.

When not to use​

Do not use it as a decorative element without interaction. Prefer presentational components in that case.

Accessibility​

Always provide a label (label/aria-label), keep keyboard support, and surface clear validation feedback.

Best Practices​

  • Keep validation rules and error behavior consistent across the entire form.
  • Show loading or disabled states during async operations.
  • Split complex forms into smaller sections with immediate feedback.

Attributes and Properties​

No properties available for this component.

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

NameDescription
nativeThe native part of the step.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

NameDescription
defaultThe default slot for the step.

Content