Contact us Create app

Directory

← Back

Enhanced Tabs Add-on

Enhanced Tabs Add-on for Vaadin Flow

Author

Rating

Links

Popularity

<100

Enhanced Tabs allows that tabs that don't fit into the current width collapse automatically into an overflow menu at the end.

Enhanced Tabs is compatible with Vaadin 14, 22, 23 and 24.

Sample code

EnhancedTabs tabs = new EnhancedTabs();
tabs.add(new Tab("first tab "));
tabs.addSelectedChangeListener(ev -> {
    Notification.show("Tab selected: " + ev.getSelectedTab().getElement().getText());	
});

Compatibility

(Loading compatibility data...)

Last updated: 2024-07-19

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

New features:

  • Move selected tab to the main part of the menu-bar (#13)
  • Add getTabs method

Bug fixes:

  • Prevent duplicate initialization of connector
  • Allow tab selection from overflow on entire tab area (#17)
  • Ensure selected tab from overflow is correctly displayed (#16)
  • Fix off-by-one error in overflow handling
Released
2024-07-19
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 14
Vaadin 23
Vaadin 24
Vaadin 22 in 1.1.0
Browser
N/A

Enhanced Tabs Add-on - Vaadin Add-on Directory

Enhanced Tabs Add-on for Vaadin Flow Enhanced Tabs Add-on - Vaadin Add-on Directory
Enhanced Tabs allows that tabs that don't fit into the current width collapse automatically into an overflow menu at the end. Enhanced Tabs is compatible with Vaadin 14, 22, 23 and 24.
View on GitHub
Online Demo

Enhanced Tabs Add-on version 1.0.0
Initial release. Compatible with Vaadin 14, 22, 23 and 24.

Enhanced Tabs Add-on version 1.1.0
#### Bug fixes: * Update styles so that the border covers all the available width ([#5](https://github.com/FlowingCode/EnhancedTabs/issues/5)) * Add workaround for RouterLinks ([#7](https://github.com/FlowingCode/EnhancedTabs/issues/7))

Enhanced Tabs Add-on version 1.2.0
#### New features: * Move selected tab to the main part of the menu-bar ([#13](https://github.com/FlowingCode/EnhancedTabs/issues/13)) * Add getTabs method #### Bug fixes: * Prevent duplicate initialization of connector * Allow tab selection from overflow on entire tab area ([#17](https://github.com/FlowingCode/EnhancedTabs/issues/17)) * Ensure selected tab from overflow is correctly displayed ([#16](https://github.com/FlowingCode/EnhancedTabs/issues/16)) * Fix off-by-one error in overflow handling

Online