Carrusel infinito de logos que se pausa al pasar el ratón.
npx shadcn@latest add https://reactbits.dev/r/LogoLoop-TS-TW
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
| Prop | Tipo | Por defecto |
|---|---|---|
| logos | LogoItem[] | required |
| speed | number | 120 |
| direction | 'left' | 'right' | 'up' | 'down' | 'left' |
| width | number | string | '100%' |
| logoHeight | number | 28 |
| gap | number | 32 |
| hoverSpeed | number | undefined | 0 |
| fadeOut | boolean | false |
| fadeOutColor | string | undefined |
| scaleOnHover | boolean | false |
| renderItem | (item: LogoItem, key: React.Key) => React.ReactNode | undefined |
| ariaLabel | string | 'Partner logos' |
| className | string | undefined |
| style | React.CSSProperties | undefined |