JavaScript Tab Control

dhtmlxTabbar provides convenient navigation through the content of web apps. The control has a quick and smooth initialization and adjustable structure. Developers can build tabs vertically or horizontally and place them at the top or bottom, on the right or left side of the page. It’s possible to add as many tabs as you need.

Due to the flexibility of JS API, you can easily fine-tune our JavaScript tab control according to your requirements. Various configuration options enable you to specify headers of tab cells, adjust their height and width, choose the most suitable location on the page, and equip each tab with close buttons if needed. Moreover, there is an option to build a tab bar without any content.

The appearance of our JavaScript/HTML5 tab control is based on Material design. However, its look and feel can be customized with little to no effort. In order to style the DHTMLX tab bar, you only need to add new CSS classes and specify the settings to achieve the desired result. Thus, you can change the background, borders, border radius, and other elements of tabs on the fly.

With the growing popularity of Angular, React, and Vue.js, developers need a straightforward way of integrating JavaScript controls into web apps based on these frameworks. For that reason, we’ve prepared special wrappers to assist you in using our JavaScript tabs. Get a 30-day trial version of the tab bar and other UI widgets to try integrating them in your projects.