Custom Elements
E856206
Custom Elements are a web platform feature that lets developers define their own reusable HTML elements with custom behavior, lifecycle callbacks, and encapsulated functionality.
Statements (48)
| Predicate | Object |
|---|---|
| instanceOf |
Web Components technology
ⓘ
Web platform feature ⓘ |
| compatibleWith |
CSS
NERFINISHED
ⓘ
HTML NERFINISHED ⓘ JavaScript NERFINISHED ⓘ |
| definedBy | class-based JavaScript syntax ⓘ |
| documentedAt |
MDN Web Docs
NERFINISHED
ⓘ
WHATWG HTML Living Standard NERFINISHED ⓘ |
| enables |
Custom behavior for HTML elements
ⓘ
Definition of custom HTML elements ⓘ Encapsulated functionality in the DOM ⓘ Reusable UI components ⓘ |
| goal |
Encapsulation of behavior and structure
ⓘ
Interoperability across frameworks ⓘ Reusability of UI components ⓘ |
| hasLifecycleCallback |
adoptedCallback
ⓘ
attributeChangedCallback ⓘ connectedCallback ⓘ disconnectedCallback ⓘ |
| implementedIn |
Google Chrome
NERFINISHED
ⓘ
Microsoft Edge NERFINISHED ⓘ Mozilla Firefox NERFINISHED ⓘ Safari NERFINISHED ⓘ |
| introducedAround | 2013 ⓘ |
| partOf | Web Components NERFINISHED ⓘ |
| relatedTo |
ES Modules
ⓘ
HTML Templates NERFINISHED ⓘ Shadow DOM NERFINISHED ⓘ |
| requires |
Element name with a hyphen
ⓘ
Extending HTMLElement or a subclass ⓘ |
| standardizedBy | W3C NERFINISHED ⓘ |
| standardizedIn | Custom Elements specification NERFINISHED ⓘ |
| supports |
Attribute reflection
ⓘ
Autonomous custom elements ⓘ Custom element registration ⓘ Customized built-in elements ⓘ Extending built-in HTML elements ⓘ Lifecycle callbacks ⓘ Observed attributes list ⓘ Programmatic element upgrade ⓘ Shadow DOM integration ⓘ |
| usedFor |
Creating design systems
ⓘ
Framework-agnostic components ⓘ Reusable UI libraries ⓘ |
| usesAPI |
customElements.define()
ⓘ
customElements.get() ⓘ customElements.upgrade() ⓘ customElements.whenDefined() ⓘ |
Referenced by (1)
Full triples — surface form annotated when it differs from this entity's canonical label.