Get started with gitter-sidecar CDN

MIT licensed

Gitter Sidecar: library for real-time GitHub file collaboration and chat.

Tags:
  • gitter
  • chat
  • embed
  • widget

Stable version

Copied!

How to start using gitter-sidecar CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with gitter-sidecar CDN - cdnhub.io</title>
  <script src="https://cdn.jsdelivr.net/npm/github/gitter/gitter.js@3.1.0"></script>
  <script src="https://cdn.cdnhub.io/gitter-sidecar/1.3.3/sidecar.js"></script>
  <style>
    #gitter-container {
      height: 300px;
      width: 300px;
      position: fixed;
      bottom: 0;
      right: 0;
      border: 1px solid #ccc;
    }
  </style>
</head>
<body>
  <button id="open-gitter">Open Gitter Sidecar</button>
  <div id="gitter-container"></div>

  <script>
    document.getElementById('open-gitter').addEventListener('click', () => {
      const container = document.getElementById('gitter-container');
      Sidecar.create({
        container: container,
        room: 'your-username/your-repository',
        size: 'small',
        position: 'right'
      });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions