Components
The components for emails, web pages, PDFs and images. Each preview is rendered by Hyper Elements.
Layout
5<Column />
Stacks its children with a gap. Give it a background and it's a card.
<Grid />
Equal columns, row after row; one under another on phones.
<Layer />
Words over an image, in email too.
<Row />
Children side by side, each at its width or a share of what's left. Stacked on phones unless you say so.
<Section />
A band whose background spans the whole window, with content at the email's width.
Text
2Blocks
6<Button />
A link drawn as a button, with its colors on hover. Rounded everywhere but classic Outlook, which the diagnostics tell you.
<Divider />
A horizontal line, styled with borderTop.
<Image />
src takes the file's size, style.width the size shown, so Outlook draws it right.
<Menu />
A line of links with separators, onto more lines where they don't fit.
<Social />
Each network's icon by name, linked to its profile.
<Video />
A player on a page; in an email, its thumbnail linked to it.