Input combo

Input combos have the following properties shared across types:
Attribute
Description
Values
type
The type of user input
text: Accepts any character.
number: Accepts only numeric inputs, including decimals.
date: Shows a date-time picker.
id
A unique ID so the component data can be used by other components in the form, or when sent to an external service
User-defined
label
The text label that will be visible next to the input
User-defined
description
The small text description below the label, used to hint the user about the input
User-defined
shape
How to align the label and the input field
compactVertical
wideVertical
wideHorizontal
placeholder
The placeholder shown inside the input field
User-defined
In addition to these, the numeric input type has these other properties:
​
Numeric input attributes
Attribute
Description
Value
min
Min number accepted
User-defined
max
Max number accepted
User-defined
step
Step increments when increasing or decreasing the number
User-defined. Default is "1".
​
Examples
<form>
​
    <inputcombo
        type="text"
        id="uniqueIdentifierForWebhook"
        label="Label"
        description=""
        fieldName=""
        shape="wideHorizontal"
        placeholder="Enter a text"
    />
    
    <inputcombo
        type="number"
        id="uniqueIdentifierForWebhook"
        label="Label"
        description=""
        fieldName=""
        shape="wideHorizontal"
        disabled=""
        max=""
        min=""
        step=""
    />
    
    <inputcombo
        type="date"
        id="uniqueIdentifierForWebhook"
        label="Label"
        description=""
        fieldName=""
        shape="wideHorizontal"
    />
    
</form>
​

Attribute	Description	Values
type	The type of user input	`text`: Accepts any character. `number`: Accepts only numeric inputs, including decimals. `date`: Shows a date-time picker.
id	A unique ID so the component data can be used by other components in the form, or when sent to an external service	User-defined
label	The text label that will be visible next to the input	User-defined
description	The small text description below the label, used to hint the user about the input	User-defined
shape	How to align the label and the input field	`compactVertical` `wideVertical` `wideHorizontal`
placeholder	The placeholder shown inside the input field	User-defined

Attribute	Description	Value
min	Min number accepted	User-defined
max	Max number accepted	User-defined
step	Step increments when increasing or decreasing the number	User-defined. Default is "1".

Paragraph

Button

Last modified 1mo ago