An animated bouncing dots loading indicator that inherits the current text color and supports a configurable number of dots.
import { BouncingDots } from "@/components/ui/bouncing-dots"; export default function Default() { return ( <div className="flex min-h-[200px] items-center justify-center bg-background text-foreground"> <BouncingDots className="h-3 w-16 text-primary" /> </div> ); }