How to Create Custom Web Components

Опубликовано: 23 Май 2026
на канале: Michael Breitung
696
17

When you write a frontend library that allows customization, a library user usually has to do some setup inside the script tag of the website. It is how my mibreit-gallery works.

The Web Components standard allows us to define custom components that can be used as HTML Elements inside the markup of a website. It makes the use of custom frontend libraries a lot easier. Users can use custom elements inside the HTML markup and provide customization via attributes.

I show how to create such custom elements in this video tutorial.


★☆★ Chapters ★☆★

00:00 Introduction
02:58 What are Web Components
04:27 How To Create Custom Elements
09:05 Further Customization
12:06 Conclusion


★☆★ Typescript Gallery ★☆★

https://github.com/MichaelBreitung/mi...


★☆★ my Github ★☆★

https://github.com/MichaelBreitung/


★☆★ Links ★☆★

Web Components: https://developer.mozilla.org/en-US/d...


★☆★ my Landscape Photography Channel ★☆★

   / mibreit  


★☆★ homepage★☆★

http://www.michael-breitung.com

#webcomponents