How to Create a Tab UI with Riot 2.0

Aside from the usual unpleasantness of muddling together views and logic (and welcome back `onclick`, how I've missed you...), I find the idea of the "parent" scope rather troubling. If you have something nested inside a tab, let's say a link, what is its parent - an individual tab, or the whole "tabs" component?

Instead of<p><pre><code> class={ tabItem: true, is_active: something() } </code></pre> you can just write<p><pre><code> class=&quot;tabItem { is_active: something() }&quot;</code></pre>

Custom elements must contain a hyphen: <a href="http://w3c.github.io/webcomponents/spec/custom/#dfn-custom-element" rel="nofollow">http:&#x2F;&#x2F;w3c.github.io&#x2F;webcomponents&#x2F;spec&#x2F;custom&#x2F;#dfn-custom-e...</a>. Just `&lt;tabs&gt;` is not allowed.

Of course we&#x27;d still have posts in 2015 about how to make tabs.