Components
Console
src/components/search-field.tsxSearch Field
A list's search box, at the toolbar's dense size, with its own clear button in place of the browser's. The Console's People, Fleet, Locations, Certificates, Catalog and Curriculum lists search with it.
In a list toolbar
The Fleet's: the location filter, then the search. Full width on a phone.
With a query
The clear button appears with the first character, and the text makes room for it.
A narrower width
The width is the caller's. A car's service log sets 224px.
Used on
- Console
- /console/admin/history/console/business-reporting/console/business-reporting/btw-hours/console/business-reporting/enrollment/console/business-reporting/fleet-size/console/business-reporting/payroll/console/catalog/console/catalog/contracts/[id]/console/certificates/console/curriculum/console/financials/console/financials/balances/console/financials/earned/console/financials/refunds/console/financials/sales/console/financials/transactions/console/financials/waived-fees/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