Number
import { buildProperty } from "./builders";
const rangeProperty = buildProperty({
name: "Range",
validation: {
min: 0,
max: 3
},
dataType: "number"
});
clearable
Add an icon to clear the value and set it to null
. Defaults to false
enumValues
You can use the enum values providing a map of possible exclusive values the property can take, mapped to the label that it is displayed in the dropdown.
import { buildProperty } from "./builders";
const property = buildProperty({
name: "Status",
dataType: "number",
enumValues: [
buildEnumValueConfig({
id: "-1",
label: "Lightly tense",
color: "redLighter"
}),
buildEnumValueConfig({
id: "0",
label: "Normal",
color: "grayLight"
}),
buildEnumValueConfig({
id: "1",
label: "Lightly relaxed",
color: "blueLighter"
})
]
});
validation
required
Should this field be compulsory.requiredMessage
Message to be displayed as a validation error.min
Set the minimum value allowed.max
Set the maximum value allowed.lessThan
Value must be less than.moreThan
Value must be more than.positive
Value must be a positive number.negative
Value must be a negative number.integer
Value must be an integer.
The widgets that get created are
TextFieldBinding
generic text fieldSelectFieldBinding
ifenumValues
are set in the string config, this field renders a select where each option is a colored chip.
Links: