# Spinbox (lv_spinbox) (/widgets/spinbox) Overview [#overview] Spinbox contains an integer displayed as a decimal number with a possible fixed decimal point position and a configurable number of digits. The value can be increased or decreased by *Keys* or API functions. Under the hood Spinbox is a [Text Area (lv\_textarea)](/widgets/textarea) with behaviors extended to enable a numeric value to be viewed and modified with configurable constraints. Parts and Styles [#parts-and-styles] Spinbox's parts are identical to those of [Text Area](/widgets/textarea). Value, range and step [#value-range-and-step] * sets a new value for the Spinbox. * and increments/decrements the value of the Spinbox according to the currently-selected digit. * sets its range. If the value is changed by , by *Keys*, by or this range will be respected. * sets which digit to change on increment/decrement. Only multiples of ten can be set. * sets the cursor to a specific digit to change on increment/decrement. Position '0' sets the cursor to the least significant digit. If an encoder is used as input device, the selected digit is shifted to the right by default whenever the encoder button is clicked. To change this behavior to shifting to the left, the can be used. Format [#format] sets the number format. `digit_count` is the total number of digits to display. `separator_position` is the number of leading digits before the decimal point. Pass 0 for `separator_position` to display no decimal point. Rollover [#rollover] enables/disables rollover mode. If either the minimum or maximum value is reached with rollover enabled, and the user attempts to continue changing the value in the same direction, the value will change to the other limit. If rollover is disabled the value will stop at the minimum or maximum value. Events [#events] * Sent when value has changed. Learn more about [Events](/common-widget-features/events) emitted by all Widgets. Learn more about [events](/common-widget-features/events). Data binding [#data-binding] To get familiar with observers, subjects, and data bindings in general visit the [Observer](/main-modules/observer/observer) page. This method of subscribing to an integer Subject affects a Subject Widget's integer value directly. Note that this is a two-way binding (Subject \<===> Widget), so an end user's direct interaction with the Spinbox Widget updates the Subject's value and vice versa. It supports integer subjects. * Keys [#keys] * `LV_KEY_LEFT/RIGHT` With *Keypad* move the cursor left/right. With *Encoder* decrement/increment the selected digit. * `LV_KEY_UP/DOWN` With *Keypad* and *Encoder* increment/decrement the value. * With *Encoder*, move focus to next digit. If focus is on last digit, focus moves to first digit. Learn more about [Keys](/main-modules/indev/keypad). Example [#example] Simple Spinbox [#simple-spinbox] API [#api]