Theme aware NProgress component to use in Next.js apps using Emotion or ThemeUI.
The original component was converted into a functional component using TypeScript and Emotion. It is theme aware so can be used with ThemeUI, or with any valid css color.
yarn add next-nprogress-emotion
npm install next-nprogress-emotion
Import it inside your
Render the component in your custom App container:
If you're using ThemeUI, that's all you need to do. The component will use the primary color by default.
You can change the color using a theme color or any css color:
// using a theme color<NProgress ="accent" />
// using css<NProgress ="#fff" />
You can configure NProgress using its configuration options.
Difference between v1 and v2
Use v1 if you're using
@emotion/core@^10 and v2 if you're using