2.11.1 • Published 3 years ago

@dnajs/custom-elements-v1 v2.11.1

Weekly downloads
1
License
MIT
Repository
github
Last release
3 years ago

Logo

Evolution-based components.

Documentation | Issue tracker | Project home page | Author home page

Install

NPM

$ npm i @dnajs/custom-elements-v1 --save

Usage

DNA is built on the top of Custom Elements v1 specs, so it is 100% compatible with the CustomElementsRegistry interface. Simply define the component and register it using customElements.define:

import { prop, BaseComponent, IDOM } from '@dnajs/custom-elements-v1';

class MyElem extends BaseComponent {
    static get observedAttributes() {
        return ['message']
    }
    get properties() {
        return {
            helloMessage: prop.STRING.attribute('message'),
        };
    }
    get template() {
        return IDOM.h('span', this.helloMessage);
    }
    connectedCallback() {
        super.connectedCallback();
        this.helloMessage = 'Hi!';
    }
}

customElements.define('my-elem', MyElem);

// RENDER
document.body.appendChild(new MyElem());
<!-- result -->
<body>
    <my-elem message="Hi!">
        <span>Hi!</span>
    </my-elem>
</body>

More:

2.11.0

3 years ago

2.11.1

3 years ago

2.10.1

3 years ago

2.10.0

3 years ago

2.9.9

3 years ago

2.9.8

6 years ago

2.9.7

6 years ago

2.9.6

6 years ago

2.9.5

7 years ago

2.9.4

7 years ago

2.9.3

7 years ago

2.9.2

7 years ago

2.9.1

7 years ago

2.9.0

7 years ago

2.8.2

7 years ago

2.8.1

7 years ago

2.8.0

7 years ago

2.7.9

7 years ago

2.7.8

7 years ago

2.7.7

7 years ago

2.7.6

7 years ago

2.7.5

8 years ago

2.7.4

8 years ago

2.7.3

8 years ago

2.7.2

8 years ago

2.7.1

8 years ago

2.7.0

8 years ago

2.6.6

8 years ago

2.6.5

8 years ago

2.6.4

8 years ago

2.6.3

8 years ago

2.6.2

8 years ago

2.6.1

8 years ago

2.6.0

8 years ago

2.5.1

8 years ago

2.5.0

8 years ago

2.4.6

8 years ago

2.4.5

8 years ago

2.4.4

9 years ago

2.4.3

9 years ago

2.4.2

9 years ago

2.4.1

9 years ago

2.4.0

9 years ago

2.3.1

9 years ago

2.3.0

9 years ago

2.2.0

9 years ago

2.1.0

9 years ago

2.0.1

9 years ago

2.0.0

9 years ago

2.0.0-beta.25

9 years ago

2.0.0-beta.24

9 years ago

2.0.0-beta.23

9 years ago

2.0.0-beta.22

9 years ago

2.0.0-beta.21

9 years ago

2.0.0-beta.20

9 years ago

2.0.0-beta.19

9 years ago

2.0.0-beta.18

9 years ago

2.0.0-beta.17

9 years ago

2.0.0-beta.16

9 years ago

2.0.0-beta.15

9 years ago

2.0.0-beta.14

9 years ago

2.0.0-beta.13

9 years ago

2.0.0-beta.12

9 years ago