Skip to main content
Version: 2.0.0


import { buildProperty } from "./builders";

const rangeProperty = buildProperty({
name: "Range",
validation: {
min: 0,
max: 3
dataType: "number"


Add an icon to clear the value and set it to null. Defaults to false


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: [
id: "-1",
label: "Lightly tense",
color: "redLighter"
id: "0",
label: "Normal",
color: "grayLight"
id: "1",
label: "Lightly relaxed",
color: "blueLighter"


  • 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


Enterprise or start-up?

Learn how to get the most out of your project with the help of our consulting team.
Learn more
Sign up to our newsletter to get the latest news and updates. No spam!