Materialize CSS Collections
Materialize CSS Collections facilitate you to group list objects together. It represents various types of collections, where a collection is a group of related information items.
List of class name used in Materialize CSS collections:
Index |
Class name |
Description |
1) |
collection |
It is used to set the div or ul container as a collection. |
2) |
collection-item |
It is used to set the a or li item as a collection item. |
3) |
active |
It is used to show the a or li item as an active collection item. |
4) |
with-header |
It is used to mark the collection to have a header. |
5) |
collection-header |
It is used to set the a or li item as a collection header. |
6) |
avatar |
It is used to set the a or li item as an avatar item. |
7) |
dismissible |
It is used to enables the collection items to be swiped away. It works on touch screen devices only. |
Examples
Example 1
Test it Now
Example 2
Test it Now
Example 3
Test it Now
Example 4
Test it Now
Example 5
Test it Now
|