Alt Text for Images in Custom Components

Technical Questions CMS
,
1

I’m using Builder.io and the Next.js Image component, and I’ve run into an issue with alt text.

Context:
When uploading images to Builder.io’s library, there’s an option to set an Alt Image text, as shown in the image below.

Screenshot 2025-03-11 at 12.43.18
Screenshot 2025-03-11 at 12.43.18986×888 49.6 KB

However, when using an image input in a registered component we have something like this:

{
  name: 'image',
  type: 'file',
  allowedFileTypes: ['jpeg', 'png'],
}

The received value is just a string (image URL), meaning the alt text is not included. Since Next.js requires an alt prop for images, I have to manually add an extra field:

{
  name: 'altText',
  type: 'string',
}

This means every image component requires an alt text field, making the process repetitive and error-prone.

Question:

Is there a way to automatically pull the Alt Image text defined in Builder.io’s media library, instead of manually adding an altText field for every image instance?