Get started with labella CDN

Apache-2.0 licensed

Labella is a lightweight library for creating interactive and animated UIs using simple and expressive CSS-like syntax.

Tags:
  • labella.js
  • visualization
  • javascript

Stable version

Copied!

How to start using labella CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with labella CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/labella/1.1.4/labella.min.js"></script>
</head>
<body>
  <button id="label-btn">Add label</button>
  <div id="label-container"></div>

  <script>
    const labelBtn = document.getElementById('label-btn');
    const labelContainer = document.getElementById('label-container');

    labelBtn.addEventListener('click', () => {
      const label = new labella.Label('New Label');
      labelContainer.appendChild(label.element);
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions