Components
Progress
A brand-filled progress bar, continuous or segmented (the "Getting started 3/6" step bar).
A progress indicator in two shapes: a continuous brand fill, or a segmented row of pills — a "Getting started 3/6" step bar. Reports its state via role="progressbar" and the ARIA value attributes.
Available since@crisp-ui-kit/crisp@0.11.0
Installation
npm install @crisp-ui-kit/crispProps
Prop
Type
Usage
import { Progress } from "@crisp-ui-kit/crisp";
<Progress value={64} aria-label="Upload" />
<Progress value={3} max={6} segments={6} aria-label="Getting started" />