Framework7 Refresh / Reload
Refresh or reload is a special component used to refresh (reload) the page contents by pulling it.
Following is a list of classes used in refresh component:
page-content: It has an additional pull-to-refresh-content class and its required to enable pull to refresh.
pull-to-refresh-layer: It is a hidden layer, which is used to pull to refresh visual element and it is just a preloader and an arrow.
data-ptr-distance = "55": This is additional attribute that allows you to set custom 'pull to refresh' trigger distance and its default value is 44px.
Pull to refresh Events
Following is a list of App's methods that can be used with Pull to Refresh:
Framework7 Refresh Example
Let's take an example to demonstrate the use of refresh component that initiates the refreshing of a page contents:
Test it Now