Show status in a table
Display status information within table rows using badges to provide clear visual indicators of item states like pending, complete, failed, or in progress.
When to use
Use this pattern when:
- Displaying lists of items that have different status states
- Workers need to quickly scan and identify items requiring action
- Status needs to be immediately visible alongside other item data
Considerations
- Use consistent badge types for similar statuses across your application
- Choose badge colors that clearly differentiate between states (success, warning, error, info)
- Include action buttons to allow workers to act on items directly from the table
- Align status badges consistently within the column