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
1.0.0
1.0.1
1.0.2
1.0.3
1.0.4
1.0.5
1.0.6
1.0.7
1.0.8
1.0.9
1.1.0
1.1.1
1.1.2
2.0.0
2.0.1
2.0.2
2.0.3
2.0.4
3.0.0
3.0.1
3.0.2
3.0.3
3.0.4
3.0.5
3.0.6
3.0.7
3.0.7-alpha.1
3.0.7-alpha.2
3.0.8-alpha.1
3.0.8-alpha.2
3.1.0
3.1.0-alpha.1
3.1.0-alpha.2
3.1.0-alpha.3
3.1.0-alpha.4
3.1.0-alpha.5
3.1.0-alpha.6
3.1.1
3.1.2
3.1.3
3.1.4
3.1.5
3.1.5-rc.1
3.1.5-rc.2
3.1.5-rc.3
3.1.5-rc.4
3.1.6
3.1.7
3.1.8
3.1.9
3.2.0
3.2.1
3.2.10
3.2.11
3.2.12
3.2.13
3.2.14
*** 3.2.15
3.2.2
3.2.3
3.2.4
3.2.5
3.2.6
3.2.7
3.2.8
3.2.9