Even more Web Components

Last week, I created a Web Component library in the Copy/Paste area.

This week, I added five added five new components…

• <modal-toggle> + <modal-content> - Wrapper components that make working with the <dialog> element a bit easier.
• <simple-toc> - Create a basic table of contents from the page headings.
• <table-of-contents> - Create a multi-level table of contents from the page headings.
• <toggle-password> - Toggle password visibility with a checkbox or button.

I also added working demos for all of the components listed, and will be updating how I handle event listeners in the Web Components soon.

In the near future, I’ll be updating my existing lessons on building your own Web Components, and will be adding some new lessons based on implementing them on a handful of client projects now.