Links

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>
Last modified 1mo ago