Web Components

This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages) This article possibly contains original research. Please improve it by verifying the claims made and adding inline citations. Statements consisting only of original research should be removed. (June 2021) (Learn how and when to remove this message) The topic of this article may not meet Wikipedia's general notability guideline. Please help to demonstrate the notability of the topic by citing reliable secondary sources that are independent of the topic and provide significant coverage of it beyond a mere trivial mention. If notability cannot be shown, the article is likely to be merged, redirected, or deleted. Find sources: "Web Components" – news · newspapers · books · scholar · JSTOR (June 2021) (Learn how and when to remove this message) (Learn how and when to remove this message)

Web Components are a set of features that provide a standard component model for the web^[1] allowing for encapsulation and interoperability of individual HTML elements. Web Components are a popular approach when building microfrontends.

Primary technologies used to create Web Components include:^[2]

Custom Elements

APIs to define new HTML elements

Shadow DOM

encapsulated DOM and styling, with composition

HTML Templates

HTML fragments that are not rendered, but stored until instantiated via JavaScript^[3]