Spin Button
UIUX 360 / 19-December-2022 / 6 minute read

Spin Button

A spin button is a text field that accepts a range of values, allowing the button to increase or decrease the value by a specified amount.

Author

What is Spin Button?

Overview

A spin button is a text field that accepts a range of values, allowing the button to increase or decrease the value by a specified amount. One should use the spin button only when the exact numeric value is meaningful, otherwise; sliders might be a better option.

A spin button allows the user to select a value from a fixed set of mutually exclusive values. The values are displayed as if they were arranged in a ring. By default, it appears that the up and down spin buttons are side by side in the numeric editor.

The spin button makes it easy to increase or decrease a value, such as a number increment, time, or date. To increase the value, click the up arrow; To decrease the value, click the Down Arrow. A user can also directly type the text value in the corresponding cell or text box.


UIUXshowcase.com — A curated home for designers and makers. No noise. Just the best tools, resources, and inspiration, all in one place.


Post views: 1770
User image