Skip to content

<html-example> custom element #163

@geoffrey-eisenbarth

Description

@geoffrey-eisenbarth

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:

Brainstorm:

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions