With Sidebar
Icon List Collection Single List
An icon list collection with a single list is a variation of an icon list collection. It contains one HTML list that can span over one, two or three columns. You can use a section heading and description to contextualize content.
Component Tip
Use icon list collections to list out information that's meaning can be enhanced with the presence of icons, such as a list of things to do (checks) and not to do (x marks).
Example 1
Default Icon List Collection Single List
One Column- List Item 1
- List Item 2
- List Item 3
- List Item 4
Example 2
Bold Icon List Collection Single List
Two ColumnThis example icon list collection has a divider background and the bold style.
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
- List Item 6
Example 3
Elegant Icon List Collection Single List
Three ColumnThis example icon list collection has a divider background and the elegant style.
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
- List Item 6
Example 4
Bold Icon List Collection Single List
Three ColumnThis example icon list collection has a divider background and the bold style.
- List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 4This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 5This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 6This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
Example 5
Default Icon List Collection Single List
Two ColumnThis example icon list collection has a divider background and the default style.
- List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 4This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 5This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 6This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
Example 6
Elegant Icon List Collection Single List
One ColumnThis example icon list collection has a divider background and the elegant style.
- List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 4This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 5This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
- List Item 6This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.