Add placeholder to form builder plugin

face442 years ago

3

• 

  jacobsfletch

  2 years ago

  @1072829108523901018

  you should be able to do this using field overrides described here:

  https://github.com/payloadcms/plugin-form-builder#field-overrides

  . Basically just add a new field to the

  fields.text

  property in your plugin config.

• 

  face442 years ago

  Thank you

  @808734492645785600

  .

  
  

  The following code works but requires a

  @ts-ignore

  , the ts error is also attached.

  
  

  formBuilder({
        fields: {
          payment: false,
          state: false,
          country: false,
          text: {
            ...fields.text,
            fields: [
              //@ts-ignore
              ...fields.text.fields,
              {
                type: 'text',
                name: 'placeholder',
              },
            ],
          },
        },
        formOverrides: {
          fields: [{ name: 'webhook', type: 'text' }],
        },
      }),

  
  

  Am I doing it right or is my code is obviously crap?
• 

  ingrid741last year

  Hey, I had exactly the same need and your suggestion is the way to go, here's how you can rid of the TS error:

  
  

    plugins: [
      formBuilder({ // https://payloadcms.com/docs/plugins/form-builder#object-object-option
        fields: {
          text: {
            ...fields.text,
            fields: [
              ...(fields.text as Block).fields,
              {
                name: 'placeholder',
                type: 'text',
              },
            ],
          },

  
  

  Cast to

  Block

  to narrow the type so TS knows what to expect there.