Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
475 B · 18 lines
TSX
12345678910111213141516171819import { useEffect, useState } from "react";
export function DotLoader(props: { className?: string }) { let [dots, setDots] = useState(1); useEffect(() => { let id = setInterval(() => { setDots((count) => (count + 1) % 4); }, 250); return () => { clearInterval(id); }; }, []); return ( <div className={`w-[26px] h-[24px] text-center text-sm ${props.className}`}> {".".repeat(dots) + "\u00a0".repeat(3 - dots)} </div> );}