Params
Each input can define custom parameters that will be passed to the input component for a pass-through customization. There is no limit to what you can define in params. Just like any other input field, make sure it is a serializable payload.
Illustration​
When defining an email
input we can define the placeholder to use:
{
component: 'input',
id: 'email',
label: 'Email',
type: "string",
params: {
placeholder: "email@domain.com"
}
},
The input component can access the custom parameters:
import { useCallback, useEffect, useState, } from 'react'
import TextField from '@mui/material/TextField'
import { useDebouncedCallback } from 'use-debounce'
export default (props) => {
const {
value,
error,
disabled,
onValueChanged,
item: {
id
params = {},
}
} = props
...
}