Feature request
Context
When there are too many tabs it will overflow out of its container. It would be ideal if tabs could be expanded in one of several ways, condensing the tab titles, adding arrows to scroll or adding a dropdown selector for any overflowing tabs.
Examples
I can provide some screenshots if needed.
qcharlieshi
All 8 comments
@invliD sounds familiar????
giladgray
on 17 May 2018
Yes!! I'll contact you internally.
invliD
on 17 May 2018
Have you been working on an implementation? Originally I had started wrapping the tabs component to add the extra functionality but it would work a lot better if it was done internally.
qcharlieshi
on 17 May 2018
I will add my internal implementation to Blueprint next week.
invliD
on 17 May 2018
Could you guys also please extend the current tab implementation to support something like this?
kudigaracoder
on 18 May 2018
I believe you could use a jsx component for the title prop to achieve that then use some of the more advanced css selectors to apply one class that reskins the entire tab section without touching the underlying components or css.
qcharlieshi
on 18 May 2018
correct, as @qcharlieshi said, just style the tabs to whatever you'd like. there's nothing that needs to be added to Blueprint in order to achieve what's in your screenshot
llorca
on 18 May 2018
2537 adds a new OverflowList component that lets you implement a dropdown selector to collapse extra items.
giladgray
on 1 Jun 2018
Related issues
vilav
路
3Comments
adidahiya
路
3Comments
westrem
路
3Comments
ernestofreyreg
路
3Comments
mdebeus
路
3Comments
Most helpful comment
I believe you could use a jsx component for the title prop to achieve that then use some of the more advanced css selectors to apply one class that reskins the entire tab section without touching the underlying components or css.