Something went wrong. Try again.
leaflet fork for copy edit / bug fixes forked from leaflet.pub/leaflet
Something went wrong. Try again.
489 B · 19 lines
TSX
1234567891011121314151617181920"use client";import { 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> );}