LinearProgress
Preview
import LinearProgress from "@repo/ui/LinearProgress";
<LinearProgress value={25} />;
Installation
npx the-dig@latest add LinearProgress
Props
| Prop | Type | Default |
|---|---|---|
value * | number | - |
color | "brand" | "success" | "warning" | "danger" | "brand" |
className | string | - |
Colors
import LinearProgress from "@repo/ui/LinearProgress";
<LinearProgress value={50} color="brand"/>
<LinearProgress value={50} color="success" />
<LinearProgress value={50} color="warning" />
<LinearProgress value={50} color="danger" />