Spinner

A lightweight loading indicator with an accessible status label.

Stable

Implementation

1export interface StatusSpinnerProps {2  size?: "sm" | "md" | "lg";3  label?: string;4}5 6export function StatusSpinner({7  size = "md",8  label = "Loading",9}: StatusSpinnerProps) {10  return (11    <span12      className={`status-spinner status-spinner-${size}`}13      role="status"14      aria-label={label}15    >16      <span />17      <span />18      <span />19      <span />20    </span>21  );22}