componente · @solu30/ui-kit/animation
InfiniteSlider
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { InfiniteSlider } from '@solu30/ui-kit/animation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| children | sí | ReactNode | — |
| gap | opcional | number | Separación entre items, en px. Default `16`. |
| speed | opcional | number | Velocidad en px por segundo. Default `60`. |
| direction | opcional | "horizontal" | "vertical" | Eje del desplazamiento. Default `"horizontal"`. |
| reverse | opcional | boolean | Invierte el sentido. Default `false`. |
| pauseOnHover | opcional | boolean | Frena la cinta mientras el puntero está encima. Default `true`. |
| className | opcional | string | — |
Ejemplo del paquete
<InfiniteSlider gap={48} speed={40}>
{logos.map((logo) => <img key={logo.src} {...logo} alt={logo.alt} />)}
</InfiniteSlider>Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.