Tabs

Tabs allow the user to navigate between groups of related information or different content views.

API

 

API reference for BlueWeb Tabs

import { MatTabsModule } from '@angular/material/tabs';


Click here to see Angular Material Tabs API

Name

Description

class

.bwc-tab-group--primary

Class .bwc-tab-group--primary makes the Tab component as primary one.

This modifier is applicable only for 'AF' brand

class

.bwc-tab-group--secondary

Class .bwc-tab-group--secondary makes the Tab component as secondary one. This modifier should be used only inside .bwc-tab-group--primary when tabs are nested.

This modifier is applicable only for 'AF' brand

 


Examples

Storybook failed to load. Please connect to the VPN to access.

Basic Tab Group

Storybook failed to load. Please connect to the VPN to access.

Custom Tab Group

Storybook failed to load. Please connect to the VPN to access.

Primary Secondary Tab Group

Storybook failed to load. Please connect to the VPN to access.

Variant Tab Group