RainbowButton
Botón con un borde arcoíris animado.
- Código: RODD·MI·041
- Familia: Microinteracciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/rainbow-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 |
|---|
| asChild | boolean | false |
| className | unknown | |
| variant | unknown | |
| size | unknown | |
Otros efectos de microinteracciones
- ShinyButton — Botón con un brillo que lo cruza.
- SpringCheck — Checkbox con muelle que marca, tacha y atenúa la tarea.
- TearTicket — Entrada cuya matriz se arranca a mano con fibras de papel.
- AnimatedBadge — Etiqueta con brillo animado para novedades.
- CodeSlots — Campo de código de un solo uso (OTP) con animación por dígito.
- FuseButton — Botón con “deshacer” sobre una mecha que se consume.