Tabs Styles

class name Type Purpose
.app-tabs View To style the outermost wrapper element of tabs widget.
.app-tabs-header Tab Header To style the header container of tabs widget.
.app-tabs-content View To style the container of tab panes.

Tabs Extra classes

class name Type Purpose
.tabs-with-arrow-indicator WM Tabs To show arrow indicator between tabs header and tab content.

Tab Header Styles

class name Type Purpose
.app-tabheader View To style the outermost wrapper element of tab header.
.app-tabheader-item View To style individual header.
.app-tabheader-item-text View To style individual header title.
.app-tabheader-active-item View To style active header.
.app-tabheader-active-item-text View To style active header title.
.app-tabheader-active-indicator View To style the indicator shown below active header.
.app-tabheader-arrow-indicator View To style the arrow indicator.
.app-tabheader-arrow-indicator-dot View To style the dot in the middle of arrow indicator.
.app-tabheader-skeleton WM Skeleton To style the skeleton of tab header widget.

Tab Pane Styles

class name Type Purpose
.app-tabpane View To style the outermost wrapper element of tab-pane.