Components
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.
Lists and badges
Materialize provides the collection class for organizing content into lists. For example, the...
