Marquee

Marquee Component

stable
Playground
WelcomeInfinity AIDesign SystemComponentsWelcomeInfinity AIDesign SystemComponents
Props
PropTypeDefaultValue
speednumber—
directionselectleft | right—
pauseOnHoverboolean—
Default
WelcomeInfinity AIDesign SystemComponentsWelcomeInfinity AIDesign SystemComponents
Fast
Fast tickerSpeed = 10Fast tickerSpeed = 10
LogoTicker
ReactTypeScriptNext.jsConvexVercelTailwindReactTypeScriptNext.jsConvexVercelTailwind
PROPTYPEDEFAULTDESCRIPTION
directionselect—Scroll direction
pauseOnHoverboolean—Pause on hover
speednumber—Animation duration in seconds
Using Marqueetsx
import { Marquee } from '@/components/Marquee'

<Marquee
  speed="..."
  direction="..."
  pauseOnHover="..."
/>
Tokens Used
No design tokens detected