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
View old example docs