Web Components - Component nesting

[alizedebray]

How to validate that a parent component have the expected children components and vice versa

Current state:

• the post-tabs component performs multiple checks on whether it has the correct post-tab-header and post-tab-panel children

[gfellerph]

From my point of view, we don't have to do crazy checks to enforce a rigid system. I fear that setting up and maintaining these checks may outweigh their usefulness. What I'd like to do instead is patch stuff that can be easily forgotten:

• Add slot="header" to post-tab-header components
• Add aria-describedby attribute to light-dom triggers for the post-tooltip component

What I would not like to patch, because it's easy to spot the issue and to refer to the docs for remediation:

• People putting <div>s inside the <post-tabs> slot even if they don't belong there