Pull to refresh

Pull to refresh allows you to trigger a refresh event and shows a spinner when you scroll past the top of the page on touch devices

Example

Pull down on page to see! (touch device only)

<mc-pull-to-refresh onrefresh="console.log('refresh')"></mc-pull-to-refresh>

const element = document.querySelector('mc-pull-to-refresh');

element.addEventListener('refresh', () => {
  // Do work
  element.resolve();
})