Progress/progress-colored-

PreviousNext

A progress/progress-colored- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/progress/progress-colored-2.tsx
import { Progress } from "@/components/ui/progress";

export const title = "Warning";

const Example = () => (
  <Progress
    className="w-full max-w-md bg-yellow-200 [&>[data-slot=progress-indicator]]:bg-yellow-500"
    value={50}
  />
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/progress-progress-colored-2

Usage

import { ProgressProgressColored2 } from "@/components/progress-progress-colored-2"
<ProgressProgressColored2 />