Javatpoint Logo
Javatpoint Logo

Materialize CSS Tabs

The Materialize CSS tab contains an unordered list of tabs that have hashes corresponding to tab ids. when you click on each tab, only the container with the corresponding tab id will become visible. If you want to make a tab inaccessible, add the class .disabled to that tab.

There are three types of tabs in Materialize CSS:

  • Variable width tabs
  • Fixed width tabs
  • Scrollable tabs

You can use the following classes in Materialize CSS:

Index Class name Description
1) tabs It is used to identify ul as a materialize tab component. It is required for ul element.
2) active It is used to make a tab active.


Let's take an example to demonstrate Materialize CSS tabs:

Test it Now


Materialize Wave 1

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA