Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
425 B · 18 lines
TSX
12345678910111213141516171819import { useEffect, useState } from "react";
export function DotLoader() { 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"> {".".repeat(dots) + "\u00a0".repeat(3 - dots)} </div> );}