Disable input fields

[adarsh-modanwal-amla]

How we can disable input field on change of props?
example: when Auto is selected then I want to disable span field.

[chrisvxd]

Try using the resolveData API on your Column config:

resolveData((data, params) => {
  return {
    ...data,
    readOnly: {
      "columns[*].span": data.props.distribution === "auto"
    }
  }
});

[adarsh-modanwal-amla]

and also I want to restrict field not to accept more than 12 and not less than 1.
How we can achieve that?

[chrisvxd]

You want the max/min field params.

[adarsh-modanwal-amla]

exactly but still we are able enter more tha max

[adarsh-modanwal-amla]

have a look
columns: {
label: "Columns",
type: "array",
getItemSummary: (col, id = -1) => Column ${id + 1}, span ${col.span ? Math.max(Math.min(col.span, 12), 1) : "auto"},
arrayFields: {
span: {
label: "Span (1-12)",
type: "number",
min: 0,
max: 12,
},
},
},

[chrisvxd]

You're correct, there is a bug causing the input to allow for freeform numbers that exceed the max. Using the keyboard is restricted.

Tracking here: #772