Loop content horizontally without end.
Pauses on hover and stops when the user prefers reduced motion.
Use reverse to run the other way, for example in a second row.
Run a second row in the other direction, with the same duration, so the two feel like one band.
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| duration | seconds for one full loop | number | - | 30 |
| pauseOnHover | pause while hovering | boolean | - | true |
| reverse | run in the other direction | boolean | - | false |
| gap | space between items | string | - | 2rem |
| ... | native props | HTMLAttributes | - | - |