# EuiWizardStepComponent

**Type:** component



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.


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

## Inputs
- **id**: `string` - Unique identifier for the step. Used for programmatic step selection and tracking.
- **index**: `number` - Numeric position of the step in the wizard sequence. Used for ordering and navigation logic.
- **indexIconSvgName**: `string` - SVG icon name displayed inside the step indicator circle. Alternative to indexLabel for visual step representation. Follows eui-icon-svg naming convention.
- **indexLabel**: `string` - Text label displayed inside the step indicator circle. Typically a number or short text representing step order.
- **isActive**: `boolean` - Marks the step as currently active. Applies active styling and indicates current wizard position.
- **isCompleted**: `boolean` - Marks the step as completed. Displays completion indicator (typically a checkmark) in the step circle.
- **isDisabled**: `boolean` - Disables the step from being selected or navigated to. Prevents user interaction with the step indicator.
- **isInvalid**: `boolean` - Marks the step as invalid or containing errors. Displays error styling to indicate validation failure.
- **isShowStepTitle**: `boolean` - Shows the step title below the step indicator. Inherited from parent wizard but can be overridden per step.
- **isWarning**: `boolean` - Marks the step with a warning state. Displays warning styling to indicate attention needed.
- **label**: `string` - Primary label text for the step. Displayed as the main step title.
- **subLabel**: `string` - Secondary descriptive text for the step. Provides additional context below the main label.
- **url**: `string` - Optional URL associated with the step. Can be used for routing or deep linking to specific wizard steps.
