ReactProgress Components

Peg

Use the `Peg` component

The Peg component must be used inside the Bar component.

Import

import { Peg } from '@bprogress/...';

Note

Replace the ... in the import with the library you're using. For example, if you use @bprogress/next, import by doing from '@bprogress/next'

Usage

The Peg component is used to create a shadow that acts like a luminous halo.

<Peg />

The Peg component can be used with children.

Props

NameTypeDefaultDescription
asReact.ElementType'div'The component to render the progress element
childrenReact.ReactNodeundefindedThe children of the progress element
classSelectorstring'peg'The class selector of the progress element (depends on your css)
...restReact.ComponentPropsWithoutRef<T>-The rest of the props are passed to the progress element

On this page