iframe.js

import React from 'react';
import {Widget} from 'kitto';

import './iframe.scss';


class Iframe extends Widget {
  iframe() {
    return `<iframe src="https://www.w3schools.com"></iframe>`
  }

  render() {
    return (
      <div>
      aaa
        <div dangerouslySetInnerHTML={ this.iframe() } />
      </div>
    );
  }
};

Widget.mount(Iframe);
export default Iframe;

iframe.scss

// ----------------------------------------------------------------------------
// Sass declarations
// ----------------------------------------------------------------------------
$background-color:  #ec663c;

$title-color:       rgba(255, 255, 255, 0.7);
$moreinfo-color:    rgba(255, 255, 255, 0.7);
$updated-at-color:  rgba(0, 0, 0, 0.3);

// ----------------------------------------------------------------------------
// Widget-text styles
// ----------------------------------------------------------------------------
.widget-text {

  background-color: $background-color;

  .title {
    color: $title-color;
  }

  .more-info {
    color: $moreinfo-color;
  }

  .updated-at {
    color: $updated-at-color;
  }

  & h3 {
    font-size: 25px;
  }
}