InteractiveHoverButton
Botón cuya flecha y texto se transforman al pasar el ratón.
- Código: RODD·MI·038
- Familia: Microinteracciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/interactive-hover-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 |
|---|
| children | unknown | |
| className | unknown | |
Otros efectos de microinteracciones
- PromptBar — Caja de chat con fuentes @, comandos /, modelo y dictado.
- RippleButton — Botón con onda al hacer clic.
- Shredder — Lista con trituradora: arrastra una fila para destruirla.
- SquishSwitch — Interruptor que se estira según la velocidad y se aplasta al llegar.
- ThoughtLine — Cabecera de razonamiento de IA con pasos y temporizador.
- AnimatedCircularProgressBar — Indicador circular de progreso animado.