Pulsating Button
A button with a pulsating ring animation to draw attention.
npx arupui add pulsating-button
Preview
Usage
pulsating-button.tsx
import { PulsatingButton } from "@/components/blocks/pulsating-button"
<PulsatingButton>Get Started</PulsatingButton>Props
| Prop | Type | Default |
|---|---|---|
pulseColor | string | hsl(var(--primary)) |
duration | number | 2 |
pulseColorType:
stringDefault: hsl(var(--primary))durationType:
numberDefault: 2