remix-nprogress
v1.1.0
Published
A Remix Progress Bar component made using NProgress validated for Remix + Vite.
Downloads
88
Readme
Remix NProgress
A Remix Progress Bar component made using NProgress validated for Remix + Vite.
Install
npm i remix-nprogressUsage
Add the component as one of your children in the function Layout in root.tsx
import RemixNProgress from "remix-nprogress";
export function Layout({children}: { children: React.ReactNode }) {
return (
// your code here
<body>
<RemixNProgress/>
{children}
<ScrollRestoration/>
<Scripts/>
</body>
);
}Configure
You may configure how you want your progress bar to look like by passing in options
For example, to disable the spinner
<RemixNProgress showSpinner={false}/>