# EuiWizardStepComponent

**Type:** component

<p>Individual step component within an eui-wizard.
Represents a single stage in a multi-step process with configurable state indicators.
Supports completion, validation, and warning states with custom labels and icons.
Must be used as a child of eui-wizard component.
Automatically manages visual state based on wizard navigation and step progression.</p>


**Selector:** `eui-wizard-step`

**Standalone:** false

## Inputs

- **id**: `string` - <p>Unique identifier for the step.
Used for programmatic step selection and tracking.</p>

- **index**: `number` - <p>Numeric position of the step in the wizard sequence.
Used for ordering and navigation logic.</p>

- **indexIconSvgName**: `string` - <p>SVG icon name displayed inside the step indicator circle.
Alternative to indexLabel for visual step representation.
Follows eui-icon-svg naming convention.</p>

- **indexLabel**: `string` - <p>Text label displayed inside the step indicator circle.
Typically a number or short text representing step order.</p>

- **isActive**: `boolean` - <p>Marks the step as currently active.
Applies active styling and indicates current wizard position.</p>

- **isCompleted**: `boolean` - <p>Marks the step as completed.
Displays completion indicator (typically a checkmark) in the step circle.</p>

- **isDisabled**: `boolean` - <p>Disables the step from being selected or navigated to.
Prevents user interaction with the step indicator.</p>

- **isInvalid**: `boolean` - <p>Marks the step as invalid or containing errors.
Displays error styling to indicate validation failure.</p>

- **isShowStepTitle**: `boolean` - <p>Shows the step title below the step indicator.
Inherited from parent wizard but can be overridden per step.</p>

- **isWarning**: `boolean` - <p>Marks the step with a warning state.
Displays warning styling to indicate attention needed.</p>

- **label**: `string` - <p>Primary label text for the step.
Displayed as the main step title.</p>

- **subLabel**: `string` - <p>Secondary descriptive text for the step.
Provides additional context below the main label.</p>

- **url**: `string` - <p>Optional URL associated with the step.
Can be used for routing or deep linking to specific wizard steps.</p>

