List Cards
List cards live in account and help pages on both customer and pro apps. Like other action cards, list items lead to underlying content pages or flows.
Last updated
List cards live in account and help pages on both customer and pro apps. Like other action cards, list items lead to underlying content pages or flows.
Last updated
List cards can be stacked on pages where users can take multiple actions or view content. Each card should represent a single idea/concept and have a corresponding label that is clear. Overall the list should be easy to scan.
The most basic variation of the list card.
1. Label (a-text-paragraph)
2. Supporting Information (optional):
3. Divider (a-divider-light-343)
To add visual interest to pages consisting only of list cards (like the Job Support pages in the pro app), the icon variation can be used.
1. Label Icon Font Awesome (a-icon-line) is used for the label icon.
2. Label
3. Divider (a-divider-light-343)
