Components
Both
src/components/notice.tsxNotice
An inline, non-modal feedback banner. The tone is on the surface: a wash of a tenth at most, the title and the icon in the tone, and the body at full contrast.
Tones
neutral · success · warning · critical, each on its own wash.
Training is locked. Complete the required steps to unlock the online course and scheduling.
Payment received
Your enrollment is confirmed. A receipt is on its way.
Lesson starts soon
Your first driving lesson is tomorrow at 9:00 AM.
Action needed
A guardian still needs to sign before training can begin.
With an action
An optional trailing action slot, vertically centered.
Contract ready to sign
Required before training can begin.
Used on
- Console
- /console (every page)/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/[id]/console/locations/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]/console/scheduling/console/scheduling/queue
- Portal
- /(student) (every page)/checkout/dashboard/dashboard/lessons