html-demo-element examples

Developer's documentation in Git repo | This page source | Advanced use

in body

💖

Legend and description attribute

Eating own dog food 🦴

Template as body

When template is presented, only its body will be shown as source

This way you could decorate sources. The sources shown after template and live DOM beneath

Slots: source, demo, text, legend

slot="source" defines where to get code from

slot="demo" inject the html from source:

replaced with tasty demo

slot="text" inject colored code text:

replaced with colored code

src attribute

Happy coding!