<!-- AUTO-GENERATED from the @riverty/web-components custom elements manifest. Do not edit by hand. -->

# r-stepper-item

A single step within an `r-stepper`, with complete, active, and optional icon or number states.

Example
```
<r-stepper>
  <r-stepper-item complete>Step 1</r-stepper-item>
  <r-stepper-item active>Step 2</r-stepper-item>
  <r-stepper-item>Step 3</r-stepper-item>
</r-stepper>
```

## class: `RStepperItem`, `r-stepper-item`

### Fields

| Name         | Privacy | Type      | Default | Description                                                              | Inherited From |
| ------------ | ------- | --------- | ------- | ------------------------------------------------------------------------ | -------------- |
| `active`     |         | `boolean` | `false` | Defines a property active that determines whether the step is active     |                |
| `complete`   |         | `boolean` | `false` | Defines a property complete that determines whether the step is complete |                |
| `icon`       |         | `string`  |         | Defines an icon for the step. Optional.                                  |                |
| `label`      |         | `string`  |         | Label for the step icon for screen reader users.                         |                |
| `number`     |         | `number`  |         | Defines the step number. Optional.                                       |                |
| `stepNumber` |         | `number`  |         |                                                                          |                |

### Attributes

| Name          | Field      | Inherited From |
| ------------- | ---------- | -------------- |
| `active`      | active     |                |
| `complete`    | complete   |                |
| `icon`        | icon       |                |
| `label`       | label      |                |
| `number`      | number     |                |
| `step-number` | stepNumber |                |

### Slots

| Name | Description     |
| ---- | --------------- |
|      | Step label text |

<hr/>

## Exports

| Kind                        | Name             | Declaration  | Module | Package |
| --------------------------- | ---------------- | ------------ | ------ | ------- |
| `js`                        | `RStepperItem`   | RStepperItem |        |         |
| `custom-element-definition` | `r-stepper-item` | RStepperItem |        |         |
