Category: 03. JavaScript

Materialize CSS waves are used as an external library that is included to create the ink effect outlined in Material Design. Following is a list of classes and their effects in Materialize CSS: Index Class name Description 1) waves-effect It is used to apply a wave effect on the control. 2) waves-light It is used…

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…

Materialize CSS provides dropdown facility. It provides several CSS classes to make ul element as a dropdown and add the id of the ul element to the data-activates attribute of the button or anchor element. Following is the list of classes and their effects: Index Class name Description 1) dropdown-content It is used to identify…

Dialogs are used to show extra information if needed. They are originally not visible on the page. They show their content only when the user want to see it. Materialize CSS provides various special methods to show alerts to the users. Parameter explanation message: It specifies the message to be displayed to the user. displayLength: It specifies…

Materialize JS media components specify things that have to do with large media objects like Images, Video, Audio, etc. Material Box Material box is a material design implementation of the Lightbox plugin. When a user clicks on an image, it is enlarged. Material box centers the image and enlarges it in a smooth, non-jarring manner.…

Materialize CSS carousel provides a robust and versatile way to make image slider. It is also touch enable which gives a smooth experience when we use it on mobile. JavaScript Example Let’s take an example to demonstrate Materialize CSS Carousel. Output: