Materialize Tutorials

For creating accordion or collapsible in your web pages, you may utilize the built-in component of Materialize CSS easily.

The Materialize CSS has a built-in class to help you style breadcrumbs, so you do not require to look around if already using its framework.

Generally, the switches are created by using the checkboxes in web forms. In Materialize CSS framework, a toggle/switch is also created by using a checkbox

The Materialize has a built-in component for creating the auto complete textbox. So, as a user types in a letter in a textbox, the recommendations based on entered letters display with a style.

The materialize CSS makes simple looking radio buttons styled nicely with default green fill color. You may also create radio button with gap by using a built-in class.

The Materialize CSS framework has option to create beautiful looking select box in your web forms. You may create simple select – option that enables visitors selecting an option from the select dropdown.

The Materialize has built-in support for creating nicely styled checkboxes in your web forms. The standard HTML checkboxes are plain and boring with simple black border in unchecked and with tick mark in checked states.

You should use HTML 5 footer tag with page-footer class for creating footer component on your website that is based on Materialize framework.

The navigation bar (navbar) that is generally acts as the header in a website, is an important part to deal with. Creating navbars with various options is easy as using Materialize framework.

The Materialize carousel can be full screen width with images only or mixed content or you may also create carousel with smaller images that can slide by swiping in smart phones.

The Materialize CSS has built-in modal component that you may use easily for creating dialog boxes, or presenting important content to the visitors where main content becomes in-active until the modal window is closed.