PulsatingButton
Botón que late para llamar la atención.
- Código: RODD·MI·040
- Familia: Microinteracciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/pulsating-button.json"
Cuándo usarlo
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| pulseColor | string | |
| duration | string | "1.5s" |
| distance | string | "8px" |
| variant | "pulse" | "ripple" | "pulse" |
| className | unknown | |
| children | unknown | |
Otros efectos de microinteracciones
- ScrubField — Campo numérico que se arrastra para cambiar el valor.
- SlingButton — Botón de enviar que se tensa como un tirachinas.
- SwipeRow — Fila que se desliza para revelar acciones.
- WakeSlider — Slider de barras que deja una estela según la velocidad.
- BranchedMenu — Menú desplegable con ramas curvas hacia cada opción.
- FlipCard — Tarjeta de dos caras que gira en 3D con clic o arrastre.