Components

A visual indicator of task completion or status.

Progress Label

0%

min

max

Installation

npm install @mijn-ui/react-progress

Usage

import { Progress } from "@mijn-ui/react-progress"
<Progress value={33} />

API Reference

Built on Radix UI — all underlying primitive props are forwarded in addition to the props below.

PropTypeDefaultDescription
unstyledbooleanfalseOpt out of the default styles to fully customize the component.
classNamesobjectOverride classes per slot (see Style Slots below).
classNamestringAdditional classes for the root element.

Progress Style Slots

Slot NameTargeted ComponentPurpose
baseProgressStyles the root progress component.
indicatorProgressStyles the progress indicator.