CircularProgress

Preview

import CircularProgress from "@repo/ui/CircularProgress";

<CircularProgress />;

Installation

npx the-dig@latest add CircularProgress

Props

Prop	Type	Default
color	"brand" | "info" | "success" | "warning" | "danger" | "gray"	"brand"
size	"xs" | "sm" | "md" | "lg" | "xl"	"md"
className	string	-

Colors

import CircularProgress from "@repo/ui/CircularProgress";

<CircularProgress color="brand" />
<CircularProgress color="info" />
<CircularProgress color="success" />
<CircularProgress color="warning" />
<CircularProgress color="danger" />
<CircularProgress color="gray" />

Sizes

import CircularProgress from "@repo/ui/CircularProgress";

<CircularProgress size="xs" />
<CircularProgress size="sm" />
<CircularProgress size="md" />
<CircularProgress size="lg" />
<CircularProgress size="xl" />