Loading Indicator

A spinner shown while content is loading or a background action is in progress, with line, spinner and dot-circle styles, optional label and size variants.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Loading Indicator to your project and fits it to your theme.

import LoadingIndicator from "@/components/ui/loading-indicator";

export default function LineSpinnerWithLabelDemo() {
  return <LoadingIndicator type="line-spinner" size="md" label="Loading..." />;
}