Get started with qoopido.nucleus CDN

MIT licensed

Lightweight library: Qoopido.nucleus creates interactive UI components via CSS transitions and JS.

Tags:
  • atomic
  • modular
  • module
  • library
  • toolkit
  • dry
  • lib
  • js
  • javascript
  • script
  • lightweight

Stable version

Copied!

How to start using qoopido.nucleus CDN


// Include the qoopido.nucleus library from the CDN
const Qoopido = window.Qoopido || {};
Qoopido.Nucleus.include('https://cdn.cdnhub.io/qoopido.nucleus/3.2.15/base.js');

// Create a new Qoopido component
class MyComponent extends Qoopido.Component {
  constructor() {
    super();

    this.template = `
      <div>
        <button id="button">Click me!</button>
      </div>
    `;

    this.events = {
      'click #button': 'onButtonClick'
    };
  }

  onButtonClick() {
    console.log('Button clicked!');
  }
}

// Register the component with Qoopido
Qoopido.Nucleus.register('my-component', MyComponent);

// Create an instance of the component and attach it to an element in the DOM
const myComponent = new Qoopido.Component('my-component', document.createElement('div'));
document.body.appendChild(myComponent.element);
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions