@scoped-elements/markdown-renderer

This is the prismjs-markdown-element library packaged using the scoped custom elements registries pattern using @open-wc/scoped-elements.

Installation

npm i @scoped-elements/markdown-renderer

Usage

As an sub element in your own custom element

import { MarkdownRenderer } from '@scoped-elements/markdown-renderer';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';

export class CustomElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'markdown-renderer': Checkbox
    };
  }

  render() {
    return html`
      <markdown-renderer markdown="# Hi!"></markdown-renderer>
    `;
  }
}

As a globally defined custom element

import { MarkdownRenderer } from '@scoped-elements/markdown-renderer';

customElements.define('markdown-renderer', MarkdownRenderer);

Documentation for the elements

As this package is just a re-export, you can find the documentation for the elements in each of their npm pages, e.g.: https://www.npmjs.com/package/prism-markdown-element.

Custom theming is not supported yet.