This sample demonstrates the
header orientation of the
Tab. Select option from drop-downs to switch header placement and changing the header style in properties panel.
Tab allows to place the header section inside the Tab component either at
top / bottom / left / right position by using
This sample illustrates the use of header placement and
Users can change the header position by changing the drop-down value options and can close the Tab item by clicking close icon in header.
The User can also view different header styles of Tab component by selecting options from `Header Styles` drop-down. Header styles changed by adding predefined classes in Tab root element and it class names listed below
e-background e-accentwill have the same look with no difference.
More information about Tab can be found in this documentation section.