n
nonaxial
Components
116/207
0%

Progress Ring

Counters

Circular progress indicator

progresscircularring

Installation

$
npx shadcn@latest add https://nonaxial.com/r/progress-ring.json

Usage

tsx
import { ProgressRing } from "@/components/nonaxial/progress-ring"

export default function Example() {
  return (
    <ProgressRing>{/* Your content here */}</ProgressRing>
  )
}

Props

PropTypeDefault
childrenReactNode
classNamestring