Progress Circle Color

PreviousNext

progress-circle-color-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/statuses/progress-circle/progress-circle-color-demo.tsx
"use client"

import { ProgressCircle } from "@/components/ui/progress-circle"

export default function ProgressCircleColorDemo() {
  return (
    <div className="flex gap-2">
      <ProgressCircle isIndeterminate className="text-red-500" />
      <ProgressCircle isIndeterminate className="text-blue-500" />
      <ProgressCircle isIndeterminate className="text-warning" />
    </div>
  )
}

Installation

npx shadcn@latest add @intentui/progress-circle-color-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.