How to Create a Tab UI with Riot 2.0
robertwpearce.com
How to Create a Tab UI with Riot 2.0
1–8 of 8 posts
Re: How to Create a Tab UI with Riot 2.0
#2Of course we'd still have posts in 2015 about how to make tabs.
Re: How to Create a Tab UI with Riot 2.0
#3Instead of
class={ tabItem: true, is_active: something() }
class="tabItem { is_active: something() }"Re: How to Create a Tab UI with Riot 2.0
#4Aside 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?
Re: How to Create a Tab UI with Riot 2.0
#5Custom elements must contain a hyphen: http://w3c.github.io/webcomponents/spec/custom/#dfn-custom-e.... Just `` is not allowed.
Re: How to Create a Tab UI with Riot 2.0
#6Instead of class={ tabItem: true, is_active: something() } you can just write class="tabItem { is_active: something() }"
oh, that's awesome. will update
Re: How to Create a Tab UI with Riot 2.0
#7Aside 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?
Since Riot is a "React- like 2.5KB UI library" the main purpose is to "muddle together" related layout and logic.
Re: How to Create a Tab UI with Riot 2.0
#8Custom elements must contain a hyphen: http://w3c.github.io/webcomponents/spec/custom/#dfn-custom-e... . Just ` ` is not allowed.
According to [1], Riot developers are aware of that and chose to support custom tags without a dash:
> W3C specification demands you use a dash in the tag name. Instead of you must write . Obey this rule if you care about W3C. Both work fine.
However using hyphens to be standards-compliant and future compatible would be better.