# Numeric

<figure><img src="https://884329393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhzNRg0B4ECiNXc093G%2Fuploads%2FoTkthBnktNI2KyFxJZPz%2FGroup%2080.png?alt=media&#x26;token=ca068a60-19c6-4280-a874-2f214e288449" alt=""><figcaption></figcaption></figure>

## Input combo type number <a href="#h_c24b6ca6c3" id="h_c24b6ca6c3"></a>

Displays a standard input that only accepts numbers. The decimal mark is dot (.).

## Usage example

```xml
<form>
    <inputcombo
        type="number"
        id="variable_value"
        label="Variable value"
        description="Set the value that you want to send"
        placeholder="Enter the value that you want to send"
        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"`)