Consolesrc/components/filter-chip.tsx

Filter Chip

One facet of a list as a toggle you can see, with an optional count that answers “why is this list short” before anyone presses it. The Console's People, Fleet, Locations, Certificates and Catalog lists filter with it, and a record's tabs use it without a count as a selector.

A status facet

Every status always, with its count. The lit chip draws an X, and pressing it again clears the filter.

Two groups on a roster

Status and certificate flags, split by a hairline from sm up. One filter at a time across both.

As a selector

A car's service log: no counts and no X, because one chip is always lit and pressing it removes nothing.

Used on

Console: /console/catalog /console/certificates /console/fleet/console/fleet/[id]/console/locations/console/locations/[id]/console/locations/franchises/[id]/console/people/console/people/[id]/console/reporting/certificate-upload /console/reporting/dps-report /console/reporting/student-records