greenwood-starter-presentation/dist/components/slide-viewer.js

A Greenwood plugin and general purpose starter kit for creating slide decks and presentations from markdown.

import { css, html, LitElement } from 'lit';

class SlideViewer extends LitElement {

  static get properties() {
    return {
      slide: {
        type: Object
      }
    };
  }

  static get styles() {
    return css`
      iframe {
        width: 90%;
        height: 700px;
        filter: drop-shadow(5px 10px 3px gray);
      }
    `;
  }

  constructor() {
    super();
    this.slide = {};
  }

  render() {
    const { slide } = this;
    const url = slide && slide.route ? slide.route : '';

    return html`
      <iframe src="${url}"></iframe>
    `;
  }
}

customElements.define('slide-viewer', SlideViewer);