Status Indicator

A dependency-free status indicator whose selected dot expands into a labeled pill through an interruptible spring-driven morph.

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

import StatusIndicator from "@/components/ui/status-indicator";

export default function StatusIndicatorDemo() {
  return <StatusIndicator value="backlog" ariaLabel="Status" />;
}