CSS Slot Hack is a Hack Worth Knowing

If you're familiar with my Mdash project, you've seen how I prefer to leverage HTML whenever possible. In this post I'm gonna share one of the ways I create Web Component-like elements without any JavaScript by "faking" slot elements.

What is a <slot> element?

The <slot> element is kind of like a generic container element similar to <div>, but its purpose is to define a place where another element will go. The element to replace the slot must have a …

container css hack html javascript project share web webcomponents webdev what is