Components
Both
src/components/auto-height.tsxAuto Height
Animates a container’s height as its content changes, so a panel that grows or shrinks morphs instead of snapping. Built for multi-step dialogs, where the faces were already cross-dissolving but the box around them jumped. Uses the disclosure transition pair, and respects reduced motion.
Zero measurements are ignored on purpose: under AnimatePresence mode="wait" the box is genuinely empty between faces, and honouring that would collapse the panel to nothing and re-expand.
Growing and shrinking
A single line of content.
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/certificates/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/console/people/[id]/console/reporting/certificate-upload/console/reporting/dps-report/console/reporting/student-records/console/scheduling
- Portal
- /(student) (every page)/dashboard/dashboard/billing/dashboard/lessons/dashboard/refer