Skip to main content
Email clients have this concept of “preview text” which gives insight into what’s inside the email before you open. A good practice is to keep that text under 90 characters.

Install

Install component from your command line.

Getting started

Add the component to your email template. Include styles where needed.
The preview text comes from the default slot, which can interpolate values, as in <Preview>Welcome, {{ name }}</Preview>. It’s cut at 200 characters.

Props

boolean
default:"true"
Also use the preview text as the <title> of the email. render moves the title into the <head>, wherever Preview is placed.

Support

All components were tested using the most popular email clients.
GmailGmail
Apple MailApple Mail
OutlookOutlook
Yahoo! MailYahoo! Mail
HEYHEY
SuperhumanSuperhuman