progressive-element
progressive-element copied to clipboard
New pattern for if/else templating in HTML
<div if="false">1</div>
<div else-if="true">2</div>
<div else>3</div>
<style>
[if="false"],
[else-if="false"],
:is([if="true"], [else-if="true"]) ~ :is([else-if], [else]) {
display: none;
}
</style>
https://x.com/chrisshank23/status/1763825092679868526?s=20