Pull to Refresh

Last updated: May 22, 2026

Pull to Refresh lets users reload the current page by swiping down from the top of the screen. It is a familiar gesture in mobile apps and is useful on pages that display live data — feeds, dashboards, order lists, or any content that updates frequently.

Background Color

Set the background color of the pull-to-refresh area that appears above the page when the user swipes down.

  • Light Mode default: #ffffff

  • Dark Mode default: #000000

Loader Color

Set the color of the spinner that appears while the page is reloading.

  • Light Mode default: #186E62

  • Dark Mode default: #ffffff

Visibility Rules

You can enable pull to refresh on specific pages only, or disable it on pages where it would interfere — such as forms, checkout flows, or canvas-based pages where a downward swipe has a different meaning.

Enable Pull to Refresh Only on These URLs

Pull to refresh will only be active when the current URL matches one of the patterns you specify. On all other pages, the gesture does nothing.

Disable Pull to Refresh on These URLs

Pull to refresh is active everywhere except on pages that match the patterns you specify.

Enter one domain, full URL, or URL fragment per line. Both fields support wildcard patterns (*) for dynamic paths and square brackets [ ] for exact URL matches.

ExampleMatches
example.com/feedAny URL containing /feed
[example.com/checkout]Only the exact URL example.com/checkout
example.com/*/orderURLs like example.com/user/order, example.com/1/order
Tip: Disable pull to refresh on pages with vertical scrolling carousels or drag interactions to prevent accidental refreshes.