tabs: nesting

[casperdcl]

Nested tabs (<tab title="Container"><tab title="sub"></tab></tab> would be nice. Not sure of how to show them in URLs though. Probably /?tab=Container-sub?

[julieg18]

Nested tabs ( would be nice. Not sure of how to show them in URLs though. Probably /?tab=Container-sub?

This is doable! As for naming, maybe ?tab=container&tab=sub-container? It could be lengthy if we had more than two layers, but I can't think of doc examples that would need more than two nested layers of tabs 🤔

[casperdcl]

The problem with ?tab=Container&tab=sub is ambiguity between 2 top-level tabs versus nested tabs. Also ambiguity when clicking another tab (which of Containter and/or sub gets cleared?)

(Related example: from an #id perspective, concatenation with hyphens is fully supported, but 2nd level #ids aren't)

[julieg18]

Are we ok with how this looks styling wise?

I'm not sure how we could improve it 🤔

[casperdcl]

iterative/gatsby-theme-iterative#138 would avoid the problem of alpha transparency addition taking us to multiple shades of grey.

I count at least 2 puns in that sentence.

Fine with sorting iterative/gatsby-theme-iterative#138 later though - it looks ok for now.