BluUI Design system
PATTERNS

Filter & explore

Help people narrow a dataset, inspect records, and keep their place.

1

Start with a useful default view and clear column labels.

2

Let people search, filter, and inspect a row without losing context.

3

Make the selected records and available bulk actions visible.

WORKING EXAMPLE

Filter & explore

Component reference →

Keep search and filters separate from selection. A filtered result should not silently change a pending edit. This example uses sample customer records.

Apply it in your application

Keep the same interaction sequence and connect its events to your own state and data. Reuse the component’s styles and accessible controls so the behavior remains familiar.

Search BluUI