Inline function

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
  ...
}