Style Guide

This is a sample page where you could insert a style guide.

Handoff supports fully custom pages. This is a sample markdown page where you could put a style guide or other content. You can remove this page by deleting this file from your project

These pages accept html so you use html classes and semantic structure.

Hero Block

I'm a sample of an HTML Hero block in a custom page.

You can also add code blocks. We currently handle syntax highlighting for yaml, sass/css, html, and javascript/typescript.

1<script src="/components/bundle.js"></script>
2
3<body class="preview-body">
4  <div class="alert alert-{{ type }} w-100 mb-0" role="alert">{{ parts.text.characters }}</div>
5</body>
1#test {
2    border-color: blue;
3}