Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[gatsby-plugin-nprogress]: change default show delay

See original GitHub issue

Hello,

I’ve just implemented gatsby-plugin-nprogress. Easy to set up and works out of the box, love it.

However I was wondering if it’s possible to change the default show delay. What I mean is by default Gatsby displays the NProgress component after 1 second of a link being clicked - I’d like to change this to something shorter, perhaps 600ms.

Thanks a lot

Issue Analytics

State:
Created 6 years ago
Comments:17 (16 by maintainers)

Top GitHub Comments

5reactions

peduartecommented, Jan 12, 2018

@KyleAMathews Ah, that explains it.

Ok, I’ve been having some thoughts about how this work could be done in smaller PRs. This is my first contribution to Gatsby and I think as an initial PR it’s a bit overwhelming to start refactoring internal events and creating a navigation lifecycle API.

I’d like to propose the following:

A PR for defining a custom delay value until NProgress is displayed
A PR for refactoring Navigation Lifecycle API

Does that sound reasonable for you?

4reactions

VickyPhotoncommented, Apr 24, 2019

So is it possible to reduce the delay from 1000 to 0 ?

Top Results From Across the Web

Developers - [gatsby-plugin-nprogress]: change default show delay -

Hello,. I've just implemented gatsby-plugin-nprogress . Easy to set up and works out of the box, love it. However I was wondering if...

gatsby-plugin-nprogress

Automatically shows the accessible-nprogress indicator when a page is delayed in loading (which Gatsby considers as one second after clicking on a link)....

My Top Plugins for a GatsbyJS Powered Blog

According to the gatsby plugin library, it “automatically shows the nprogress indicator when a page is delayed in loading (which Gatsby ...

gatsby-plugin-nprogress examples - CodeSandbox

Learn how to use gatsby-plugin-nprogress by viewing and forking gatsby-plugin-nprogress example apps on CodeSandbox.

gatsby-plugin-nprogress - npm

Shows page loading indicator when loading page resources is delayed. Latest version: 5.3.0, last published: 9 days ago.