Skip to content

Latest commit

 

History

History
39 lines (28 loc) · 715 Bytes

README.md

File metadata and controls

39 lines (28 loc) · 715 Bytes
Raw

Remix NProgress

A Remix Progress Bar component made using NProgress validated for Remix + Vite.

Install

npm i remix-nprogress

Usage

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}/>