View Source Stepper

<Stepper>

A form element for incrementing/decrementing a value in a range.

Overview

This element displays buttons for incrementing/decrementing a value by a step amount.

<Stepper value="attendees">
    Attendees
</Stepper>

Use lowerBound and upperBound to limit the value. The step attribute customizes the amount the value changes.

<Stepper
    value="attendees"
    lowerBound={0}
    upperBound={16}
    step={2}
>
    Attendees
</Stepper>

Attributes

References

Link to this reference

lowerBound

The lowest allowed value.

Link to this reference

step

The amount to increment/decrement the value by.

Link to this reference

upperBound

The highest allowed value.