Materialize comes with a good collection of material components, such as cards and buttons, which we saw in the previous chapter as well as how to set them up. As a reminder, the minimum HTML you will need in your index.html
file is as follows:
<!DOCTYPE html> <head> <title>Materialize Demo</title> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> </head> <body> . . . <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"> </script> <script type="text/javascript" src="js/materialize.min.js"> </script> </body>
The markup for these components is intuitive and very simple to follow and allows us to produce material-compliant interfaces in next to no time. One of the most common components on any Web page is item lists.