Components
Both
src/components/disclosure.tsxDisclosure
Animated expand/collapse: height + opacity on the house reveal timing. Pass a trigger(open) for the header content and the panel as children.
Default
FadeSwap inside an AutoHeight
The reveal for content that lives INSIDE an AutoHeight, where Reveal is not allowed: it carries the change on opacity only and lets the one container own every height move. Used by the book-a-drive meet step.
Face One: swapping cross-fades, and a wrapping AutoHeight (not shown) would animate the height on its own.
Used on
- Console
- /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/console/people/[id]/console/reporting/certificate-upload/console/reporting/dps-report/console/reporting/student-records/console/scheduling
- Portal
- /(student) (every page)/checkout/dashboard/dashboard/billing/dashboard/lessons