Tab

A tab is a hidden section of content activated by a menu

Examples

Basic Tabs

Tab Headers and Tab Contents are connected using a unique identifer, as shown in the example below.

Properties & Events

Binding to properties & events of the Tab Header allows you to manipulate the tabset.

Dynamic tabs

Generating tabs using *ngFor is fully supported.

Styled & nested tabs

Since the tab headers and contents are separate, tabs can be styled as menus. Tabsets can also be nested as shown.

API