Numeric

Use numeric input fields within Custom UI Widget

Input combo type number

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

Usage example

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

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

Last updated