Feedback

Spinner

Indeterminate loading indicator.

Import

tsx

import { Spinner } from "@cooud-ui/ui";

bash

npx cooud-ui add spinner

Examples

Sizes

An accessible loading indicator in three sizes.

tsx

<div className="flex items-center gap-6">
  <Spinner size="sm" aria-label="Loading small" />
  <Spinner size="md" aria-label="Loading medium" />
  <Spinner size="lg" aria-label="Loading large" />
</div>

API Reference

Generated from the component's exported types.

SpinnerProps

Extends SVGAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants>

Prop	Type	Default	Description
`size`	`"sm" \| "md" \| "lg"`	`"md"`	—