With Sidebar

Icon List Collection Multiple Lists

An icon list collection with multiple lists is a variation of an icon list collection. It contains two-to-four HTML lists that can span over 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).

Factoid Collection

Example 1

Icon List Collection Multiple Lists

List 1

List Item 1
List Item 2
List Item 3

List 2

List Item 1
List Item 2
List Item 3

List 3

List Item 1
List Item 2
List Item 3

List 4

List Item 1
List Item 2
List Item 3

Example 2

Bold Icon List Collection Multiple Lists

This example icon list collection has a divider background and the bold style.

Button

List 1

List Item 1
List Item 2
List Item 3

List 2

List Item 1
List Item 2
List Item 3

List 3

List Item 1
List Item 2
List Item 3

List 4

List Item 1
List Item 2
List Item 3

Example 3

Elegant Icon List Collection Multiple Lists

This example icon list collection has a divider background and the elegant style.

List 1

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 2

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.

Example 3

Icon List Collection Multiple Lists

This example icon list collection has a divider background and the elegant style.

List 1

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 2

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.