@advanced-rest-client/markdown-styles

Element that displays response documentation for RAML

Usage no npm install needed!

<script type="module">
  import advancedRestClientMarkdownStyles from 'https://cdn.skypack.dev/@advanced-rest-client/markdown-styles';
</script>

README

Published on NPM

Markdown styles set for API components

The styles are applied to the element with [slot="markdown-html"] attribute.

API components

This components is a part of API components ecosystem

Usage

Installation

npm install --save @advanced-rest-client/markdown-styles

In a LitElement

import { LitElement, html, css } from 'lit-element';
import markdownStyles from '@advanced-rest-client/markdown-styles/markdown-styles.js';

class MarkdownImpl extends LitElement {
  static get styles() {
    return css`
    :host {
      ...
    }
    ${markdownStyles}
  }

  render() {
    return html`
    <marked-element markdown="....">
      <div slot="markdown-html"></div>
    </marked-element>`;
  }
}

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import '@advanced-rest-client/markdown-styles/markdown-styles-polymer.js';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
    <style include="markdown-styles"></style>
    <marked-element markdown="...">
      <div slot="markdown-html"></div>
    </marked-element>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Note, the element does not include Polymer library.

Installation

git clone https://github.com/advanced-rest-client/markdown-styles
markdown-styles
npm install