ShinyButton
Botón con un brillo que lo cruza.
- Código: RODD·MI·045
- Familia: Microinteracciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/shiny-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 | React.ReactNode | |
| className | string | |
Otros efectos de microinteracciones
- 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.
- CometDial — Dial que se lanza con un gesto y deja una estela de cometa.
- GlideSelect — Selector cuyo menú sale de su esquina con un resaltado que se desliza.
- LiveButton — Botón con indicador “en directo”.