JSFiddle - React, Tailwind, and code Playground

by Stas Orekhovskiy

JavaScript

<div id="vk_groups"></div>

	<script>
	// Инициализация ВКонтакте
  window.vkAsyncInit = function () {
    VK.init({apiId: 102045984, onlyWidgets: true});
// Далее можно перечислять нужные виджеты ВКонтакте
    VK.Widgets.Group("vk_groups", {
      mode: 0,
      width: "373",
      height: "400",
      color1: 'FFFFFF',
      color2: '78b746',
      color3: '78b746 '
    }, 102045984);
  };
  // Функция асинхронной загрузки
  (function(a, c, f) { function g() { var d, a = c.getElementsByTagName(f)[0], b = function(b, e) { c.getElementById(e) || (d = c.createElement(f), d.src = b, d.async = !0, e && (d.id = e), a.parentNode.insertBefore(d, a)) };

    b("//vk.com/js/api/openapi.js?117");
  }
    a.addEventListener ? a.addEventListener("load", g, !1) : a.attachEvent && a.attachEvent("onload", g)
  })(window, document, "script");
	</script>