# Stepper

**Inheritance:** [Element](https://docs.fabulous.dev/v2/api/controls/element/) -> [NavigableElement](https://docs.fabulous.dev/v2/api/navigable-element/) -> [VisualElement](https://docs.fabulous.dev/v2/api/visual-element/) -> [View](https://docs.fabulous.dev/v2/api/view/)\
**Xamarin.Forms documentation:** Stepper [API](https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.stepper) / [Guide](https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/stepper)

For details on how the control actually works, please refer to the [Xamarin.Forms documentation](https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/stepper).

### Constructors

| Constructors                                                                 | Description                                                           |
| ---------------------------------------------------------------------------- | --------------------------------------------------------------------- |
| Stepper(min: float, max: float, value: float, onValueChanged: float -> ‘msg) | Define a Stepper widget with the min-max bounds and the current value |

### Properties

| Properties                          | Description                                                                                          |
| ----------------------------------- | ---------------------------------------------------------------------------------------------------- |
| increment(value: float)             | Sets the increment step between each selected values                                                 |
| reference(value: ViewRef\<Stepper>) | Sets a `ViewRef` instance to retrieve the `Xamarin.Forms.Stepper` instance associated to this widget |

### Usages

```fsharp
Stepper(1000., 5000., model.Value, ValueChangedMsg)
    .increment(250.)
```

#### Get access to the underlying Xamarin.Forms.Stepper

```fsharp
let stepperRef = ViewRef<Stepper>()

Stepper(1000., 5000., model.Value, ValueChangedMsg)
    .reference(stepperRef) 
```