RippleButton
Botón con onda al hacer clic.
- Código: RODD·MI·042
- Familia: Microinteracciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/ripple-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 |
|---|
| rippleColor | string | "#ffffff" |
| duration | string | "600ms" |
| className | unknown | |
| children | unknown | |
| onClick | unknown | |
Otros efectos de microinteracciones
- SlideCommit — Desliza para confirmar, con estados de carga, éxito y error.
- StatusMark — Icono de estado de tareas que cambia de pendiente a hecho.
- VoicePill — Botón de micrófono que se convierte en ecualizador al grabar.
- BellToggle — Botón de notificaciones con campana que suena al activarlo.
- DodgeField — El contenido huye del puntero dentro de un área.
- HoldButton — Botón de “mantén para confirmar” con relleno líquido.