JarCasting
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
