Ready to Use
Show details
Introduction
List Cards are continuous, vertical indexes of text and images. Use lists cards to help users find a specific item and act on it. Order list items in logical ways.
Usage
Keep items short and easy to scan
Avoid cluttered items with every element possible.
Minimise item variations within a list.
Avoid strong and frequent item variations within a list
Group list items to increase density
Use first and last items. Choose separation type: spacing, divider or none.
Use first and last items. Choose separation type: spacing, divider or none.
Do not use standalone items within a list of multiple items
Selectively use items with success/error semantic to guide user attention.
Do not use success/error semantic items in abundance