# Numeric with buttons

<figure><img src="https://884329393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhzNRg0B4ECiNXc093G%2Fuploads%2FNTTdKAYwrIo1XE0dLEL6%2Fimage.png?alt=media&#x26;token=99eadf66-6d51-48f6-8691-d86487622429" alt=""><figcaption></figcaption></figure>

## Input combo type number.buttons

Displays an input field that only accepts numbers. Additionally, it features a pair of buttons that can be used to increment/decrease the current number in the field. The decimal mark is dot (.).

## Usage example

```xml
<form>
    <inputcombo
        type="number.buttons"
        id="variable_value_button"
        label="Variable value button using"
        description="Set the value that you want to send using buttons"
        placeholder="Enter the value that you want to send"
        min="-100"
        max="100"
        step = "2"
        value = "48"
    />
</form>
```

## Properties

These properties are shared across input combo type number and input combo type number.buttons:&#x20;

* `id`: Unique identifier to access this field's data
* `label`: Header text
* `description`: Short descriptive text
* `placeholder`: Placeholder value
* `shape`: Used to align the label and the input field. Its allowed values are
  * `compactVertical`
  * `wideVertical`
  * `wideHorizontal`
* `min`: Minimum number accepted
* `max`: Max number accepted
* `step`: Step when increasing or decreasing the number using the buttons.
* `value`: Sets a default value. Albeit it's a number, the property's value must be set as a string (`value="48"`)