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';


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



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 {

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

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>
customElements.define('sample-element', SampleElement);

Note, the element does not include Polymer library.


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