Filter data in a table

Enable users to filter table data using search input and filter chips.

When to use

Use this pattern when:

• Users need to narrow down large datasets
• Multiple filters can be applied simultaneously
• Filters should be visible and easily removable
• You want to provide real-time filtering feedback

Considerations

• Validate filter input to prevent empty or duplicate filters
• Show applied filters as removable chips for visibility
• Provide a “Clear all” option when multiple filters are applied
• Display a “No results found” message when filters return empty results
• Use case-insensitive matching for better user experience