Overlays

BackToTop

Floating up-arrow button that springs into the bottom-right corner once the user has scrolled past a threshold.

BackToTop is the small quality-of-life button that appears once a user has scrolled past a configurable threshold. Glass surface, spring entrance, smooth scroll back to the top of the page on click.

Example

tsx
import { BackToTop } from '@kidcash/ui';

<BackToTop threshold={400} />

Try it live

← Back to the playground to see BackToTop rendered with every variant. Or install @kidcash/ui and copy the example above into your own app.