vaadin/vaadin-core

<vaadin-tabs>

abdonrd opened this issue · 9 comments

Should be nice have a low-level tabs element. :)

Hello @abdonrd! <vaadin-tabs> is in our end-of-the-year roadmap! Here's the preliminary release schedule for it:

  • alpha - end of October
  • beta - middle of November
  • stable - end of November

Thank you for asking, stay tuned! :)

Sounds good, thanks @limonte! 👏

jouni commented

Right now we are working on this with the name of vaadin-nav, as we think it will serve as a more general purpose element that you can also use for creating application navigation bars. It has both horizontal and vertical directions.

We started to think if this could even be used as the menu inside a vaadin-context-menu, as it does all the necessary things there (keyboard nav, focused item, activating an item). We could just ignore the “selection” in that case. Otherwise, it seems like it could work there as well.

Because of that, I don’t think we should use “tabs”, but maybe “menu” could be a more general purpose name than “nav”? I’m curious how you associate the naming.

Even with the generic naming, we could still have a simple extension from it to create vaadin-tabs.

jouni commented

You can play with the first prototype here: https://cdn-origin.vaadin.com/vaadin-nav/manolo-mvp/demo/

Thanks for the info!

I like the idea of having one low level element (vaadin-nav) for navigations and create a simple vaadin-tabs on top of it.

Thanks for the feedback @abdonrd!

I like the idea of having one low level element (vaadin-nav) for navigations and create a simple vaadin-tabs on top of it.

A small correction:

  • low-level element is: vaadin-nav-item
  • vaadin-nav is actually the new name for vaadin-tabs, normally it contains multiple vaadin-nav-item elements

Oh, as Jouni had said:

Even with the generic naming, we could still have a simple extension from it to create vaadin-tabs.

How would the tabs be used then?

Sorry, @abdonrd I misunderstood your comment. The vaadin-nav will be extendable and yes, it'll be possible to create elements like vaadin-tabs, vaadin-menu, etc. on top of it.

jouni commented

Update: we did a bit of a “180” with the plan, and will release vaadin-tabs (including vaadin-tab) element as the first step. The repo will contain the reusable mixins for now, but we’ll most probably split those out once we start building another element that will use them.