- On this Page
- Style & Appearance
- Examples
- Admin UI
- Recommendations
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
The first step
The next step
The last step
Numbered steps - vertical
The first step
The next step
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

Recommendations
- Achieve a variety of looks with different combinations