Numeric with buttons

Use numeric input fields featuring buttons within Custom UI Widget

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

<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:

• 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")