Customize
Color
Rings4
Size60
Duration1.8
Stagger0.15
Installation
pnpm dlx shadcn@latest add @clover-ui/pulse-loaderUsage
import { PulseLoader } from "@/components/pulse-loader";
<PulseLoader color="#0B87DA" size={60} />Props
PropType
Default
"#0B87DA"Width and height in pixels.
Default
60Default
4Default
0.2Default
1Seconds per pulse.
Default
1.8How small the rings shrink, from 0 to 1.
Default
0.55Delay between rings in seconds.
Default
0.15Default
true