Icon List

The list component creates a list that pairs text with an associated icon or visual decoration. Lists can be actionable aka the list item itself is a fully clickable link OR non-actionable. If the actionable setting is checked, a link must be included or the component will give an error in experience editor and not show when published. Also, consistent icon size is crucial. It impacts the spacing of the content within the list - see the Unordered icon list as an example.

An in depth explanation of the Icon List component's uses and limitations can be found on our sharepoint site

Content Variations

  • Unordered default list
  • Ordered alpha default list
  • Ordered numeric default list
  • Vertical bar list
  • Unordered icon list
  • Unordered icon list with separators and actionable items
  • Unordered icon list with animation

Settings

  • Unordered icon list as columns

Content Variations

Unordered default list

  • Default List Item
    This is a default list item. Replace this placeholder text with your content.
  • Default List Item
    This is a default list item. Replace this placeholder text with your content.
  • Default List Item
    This is a default list item. Replace this placeholder text with your content.

Ordered alpha default list

  1. Default List Item
    This is a default list item. Replace this placeholder text with your content.
  2. Default List Item
    This is a default list item. Replace this placeholder text with your content.
  3. Default List Item
    This is a default list item. Replace this placeholder text with your content.

Ordered numeric default list

  1. Default List Item
    This is a default list item. Replace this placeholder text with your content.
  2. Default List Item
    This is a default list item. Replace this placeholder text with your content.
  3. Default List Item
    This is a default list item. Replace this placeholder text with your content.

Vertical bar icon list

  • End-to-end digital benefits
    Show your clients how to streamline benefits administration and simplify enrollment, while taking manual tasks off your place.
  • Benefits integration with popular HR systems
    Offer benefits that can integrate seamlessly with your clients' Workday, ADP of UKG HR systems to save them time and leverage their investment.
  • Innovation to power the future of leave
    Solve one of your clients' biggest HR challenges, with leave and absence management services that help attract and keep great workers.

Unordered icon list

  • Report Icon
    Default List Item
    This is a default list item. Replace this placeholder text with your content.
  • Events Icon
    Default List Item
    This is a default list item. Replace this placeholder text with your content.
  • Article Icon
    Default List Item
    This is a default list item. Replace this placeholder text with your content.

Unordered icon list with separators and actionable items

Settings

Unordered icon list with columns

  • Default List Item
    This is a default list item. Replace this placeholder text with your content.
  • Default List Item
    This is a default list item. Replace this placeholder text with your content.
  • Default List Item
    This is a default list item. Replace this placeholder text with your content.