How can I change the component preview message?

If you have multiple components you might end up with a list of those components below each other and your editor do not know which of them. In the screen below the preview would contain the text Hello World! because by default we will use the first field with a string value.

Img

If you want to change which field we use, for example if the field our default system chooses is an image URL you can set the Use for preview radio box inside your fields definition instead.

Use for Preview

Once checked the value of this field will be used instead of the default value.