Components
Both
src/components/card.tsxCard
The generic surface shell: a surface fill, a hairline ring, and the soft rounded-card radius. Composition-first: no default padding, so it hosts either a simple padded body or full-bleed sections with their own dividers. The Checklist, order summary, and Package card all build on it.
Simple padded card
Add `p-*` for a basic content card.
Your enrollment
One account carries the whole journey: online coursework, behind-the-wheel lessons, and your certificate.
Sectioned card
No outer padding. Sections bring their own padding and a divider between them.
Account holder
Alex Reyes
alex@example.com
Used on
- Console
- /console (every page)/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/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/[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
- Portal
- /(student) (every page)/dashboard/dashboard/billing/dashboard/course/dashboard/lessons/dashboard/refer