Pull to Refresh
A physical pull-to-refresh component and container featuring realistic elastic resistance curves, smooth cubic bezier line chart visualization with interactive point scrubbing, high/low metrics, and seamless light & dark mode compatibility.
$58,834.75
+1,204.60 · 2.1%today
24h High$59,140.00
24h Low$57,410.80
Volume$1.42B
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/pull-to-refresh
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| onRefresh | () => Promise<void> | void | undefined | Async or sync callback executed when released beyond threshold |
| threshold | number | 68 | Downward travel distance in pixels required to trigger refresh |
| maxPull | number | 110 | Maximum drag distance limit |
| resistance | number | 0.45 | Elastic resistance multiplier |
| refreshingHoldOffset | number | 48 | Vertical offset to hold content at while refresh resolves |
| disabled | boolean | false | Disables gesture interaction |
| showDefaultIndicator | boolean | true | Show the built-in minimal circular progress indicator |
| children | React.ReactNode | <FinancialStatsCard /> | Custom child content to be pulled |