bigskysoftware / bigskysoftware/missing

`<html-example>` custom element

Open
#163 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
798
Forks
29
PR merge metrics
No merged PRs in 30d

Description

Create new custom element for live editing markup examples in our docs.

Should support:
- toggle rtl / ltr
- toggle writing mode
- toggle missing.css on/off
- buttons for selecting color ways
- toggle dark/light mode
- copy to clipboard
- allow/preserve omitted tags (pre-parsed HTML)

Possible inspo:
- https://overtype.dev/demo
- https://live.prismjs.com/

Brainstorm:
- Use `` or `<pre>`?
- make a custom element that copies/moves its contents to the shadow, then just toggle adoptedStylesheets to disable missing.css

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.