Components
Console
src/components/record-header.tsxRecord Header
The top row of a Console record page: a back chevron, the record’s name, its badges and a byline, and its actions at the right. People, Fleet, Locations and Franchises all open with it. The first act is a button and the rest sit one tap deeper, in More actions.
A person
The avatar shows from sm up. A badge appears only for a state that changes what you can do; an active account wears none.
A car, off the road
No avatar. The byline identifies the record and nothing else.
Nothing to act on
A reader who can change nothing here gets the row without its actions, rather than a disabled button.
Used on
- Console
- /console/admin/history/console/admin/notifications/console/admin/road-test-rules/console/admin/test-environment/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/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/[id]/console/locations/franchises/[id]/console/people/[id]/console/reporting/certificate-upload/console/reporting/dps-report/console/reporting/student-records/console/reporting/student-records/[id]