Skip to content

Latest commit

 

History

History

custom_element

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
template thumbnail
true
./thumbnail.png

Make and use custom Web elements

Level :

What does it do ? ✨

You'll see here how to make your own reusable HTML tags.

Like this button which comes already styled.

Software dependencies 🌈 📂

Nothing!

How to run ? 🚀

Much like any webpage, you can either open the index.html file in your favorite browser or use VSCode liveserver.

How to modify ? 🔩 🔨

The inner workings of our custom component is in custom-button.js, you'll find its structure and styling.

Additional resources 📄 📗

https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements

https://developers.google.com/web/fundamentals/web-components/customelements

https://developer.mozilla.org/en-US/docs/Web/CSS/:host()