Shimmer Button
A button with a shimmer sweep effect.
npx arupui add shimmer-button
Preview
Usage
shimmer-button.tsx
import { ShimmerButton } from "@/components/blocks/shimmer-button"
<ShimmerButton>Click me</ShimmerButton>Props
| Prop | Type | Default |
|---|---|---|
shimmerColor | string | rgba(255,255,255,0.2) |
shimmerDuration | string | 2s |
background | string | hsl(var(--primary)) |
shimmerColorType:
stringDefault: rgba(255,255,255,0.2)shimmerDurationType:
stringDefault: 2sbackgroundType:
stringDefault: hsl(var(--primary))