Demo

Link

Default element styles demo

Pudding-hosted font previews

Image

img tag

background image

Dynamic Svelte Element

I am a h3 tag.

I am p tag.

Dynamic Svelte Component

I am component A and my favorite number is 42.

I am component B and my name is Russell.

Micro CMS

Turn a Google Doc with a mix of text, html elements, and svelte components:

[body]

section: intro
[.+content]
h4: An h4 element with no attributes

Some random text here, followed by an img tag.

{.img}
src: assets/demo/test.jpg
alt: A cat
{}

{.Test}
label: I’m a custom component!
value: 50
{}

[]

Into this:

An h4 element with no attributes

Some random text here, followed by an img tag.

This is a custom component:

I’m a custom component!

Tip

Figure

Scrolly undefined