Custom Text Field

[frail plover]

Hello, I'm trying to create a custom text label in v3, but I don't know exactly how to do it correctly.

I have this field in my collection:

  {
    name: 'custom_text',
    type: 'text',
    required: true,
    admin: {
      components: {
        Field: CustomTextField
      }
    }
  },

I don't know how to handle values etc. in that component.

[noble laurel]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Fields Overview - Customizable ID
• Slate Rich Text - Admin Options
• Text Field - Config
• Rich Text Field - Config
• Rich Text Field - Editor-specific options

[chilly cairn]

good morning @frail plover

Did you check out the label component docs? https://payloadcms.com/docs/admin/components#label-component

You can specify additional props that the functional component will ingest

const CustomLabel: React.FC<Props> = (props) => {
  const { htmlFor, label, required = false } = props

  const { i18n } = useTranslation()

  if (label) {
    return (<span>
      {getTranslation(label, i18n)}
      {required && <span className="required">*</span>}
    </span>);
  }

  return null
}

So when you intiialize the custom label in your admin config, you can pass data to it