Breadcrumb

About

This list template is a very common design pattern involving an icon, heading, description, and a badge.

Set Media List as the List Template.

Examples

1. Default

Media List Template

List Template Options

  • Use DefaultYes
  • Apply Theme ColorsYes

2. Variation A

Media List Template

List Template Options

  • Use DefaultNo
  • Show IconsYes
  • Show DescriptionYes
  • Show BadgesYes
  • Apply Theme ColorsYes
  • SizeLarge
  • Layout2 Column Grid

3. Variation B

Media List Template

List Template Options

  • Use DefaultNo
  • Show IconsYes
  • Show BadgesYes
  • Apply Theme ColorsYes
  • SizeLarge
  • Layout3 Column Grid

Substitution Strings

#A01#
The description of the media list item.
#A02#
The badge of the media list item.
#A03#
HTML Attributes for the clickable link inside of the list item.
#A04#
HTML Attributes for the list item.
#A05#
Class attribute for the link element.
#A06#
Color class

Template Options

  • General

    • Use Template Defaults
    • Show Icons
      Display an icon next to the list item.
    • Show Description
      Shows the description (Attribute 1) for each list item.
    • Show Badges
      Show a badge (Attribute 2) to the right of the list item.
    • Apply Theme Colors
      Applies colors from the Theme's color palette to icons in the list.

  • Size

    • Default
    • Large
      Increases the size of the text and icons in the list.

  • Layout

    • Default
    • 2 Column Grid
    • 3 Column Grid
    • 4 Column Grid
    • 5 Column Grid
    • Span Horizontal
      Show all list items in one horizontal row.