Style & Appearance

Description

Flexible list provides alternative ways to display list information, including bullets, arrows, check marks, Xs, arrows, and numbers. The default style makes list items larger than regular body text and animates the list items so they appear on screen row by row.

Available Styles

  • Arrow
  • Bullet
  • Checkmark
  • X
  • Numbered Steps - Inline
  • Numbered Steps - Vertical

    Bullet

    • at vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium

    • deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident

    • similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

    Arrow

    • at vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium

    • deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident

    • similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

    Check Mark

    • at vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium

    • deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident

    • similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

    X

    • at vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium

    • deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident

    • similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

    Numbered Steps - Inline

    1. The first step

    2. The next step

    3. The last step

    Numbered steps - vertical

    1. The first step

    2. The next step

    3. The last step

    A bulleted list in three columns

    • list with columns

    • list with columns

    • list with columns

    • list with columns

    • list with columns

    A bulleted list with supporting text

    • List items can also have smaller text

      This is the smaller text that can add supporting information to the primary text of the list item.

    • List items can also have smaller text

      This is the smaller text that can add supporting information to the primary text of the list item.

    • List items can also have smaller text

      This is the smaller text that can add supporting information to the primary text of the list item.

    Admin UI

    Default Traits & Behaviors

    • Simply add list items, which can include links, but text formatting is determined by the list style.

    • Select the list type, number of columns, and borders to customize the look.

      Interface view

      screenshot of the Flexible List block in Admin UI

      Recommendations

      • Achieve a variety of looks with different combinations