Add Preview Text Field to Plunk Editor

[poeck]

React Email provides a component that allows users to specify preview text, which is the text displayed under the subject line of an email. React Email Preview Component.

If I understand correctly, this component is essentially converted to a hidden <div> element at the top of the email's HTML, like so:

<div style="display: none; max-height: 0px; overflow: hidden;">
  Insert hidden preheader text here
</div>

While I haven't tested this yet, I believe this approach should also work in Plunk when using custom HTML.

However, I noticed that there currently isn’t an option to specify this preview text directly in the Plunk Editor. In my experience, having control over the preview text can significantly impact email open rates. Would it be possible to implement a simple field in the Plunk Editor to customize this preview text?

In the Resend broadcast editor, there's a button that reveals the preview text input. I would love to see a similar feature implemented in Plunk!