Angular 18 Tabs UI Component

The Tabs component for Angular is very flexible and enables close buttons and images on the tabs. It supports keyboard navigation and right-to-left layout. Additional button next to the tabs can be added as well. There is a reorder property which allows to drag and drop the different tabs. The scrolling of the tabs is very useful when there is not enough available space to show all the tabs.

Tabs in a set

Each tab should contain content that is distinct from other tabs in a set. For example, tabs can present different sections of news, different genres of music, or different themes of documents

Tab Layout

Tabs are displayed in a single row, with each tab connected to the content it represents. As a set, all tabs are unified by a shared topic

Angular Features

Declarative configuration, AOT compilation, TypeScript compile-time validation, Material Design themes and more.