MarqueeContinuously scrolling content in a loop.
Marquee
Lorem ipsumDolor sit ametConsectetur adipiscingSed do eiusmodUt labore et dolore
Lorem ipsumDolor sit ametConsectetur adipiscingSed do eiusmodUt labore et dolore
import Marquee from '@/components/Marquee';import Text from '@/components/Text'; export function Example() { return ( <Marquee> <Text>Lorem ipsum</Text> <Text>Dolor sit amet</Text> <Text>Consectetur adipiscing</Text> <Text>Sed do eiusmod</Text> <Text>Ut labore et dolore</Text> </Marquee> );}
Marquee ($pauseOnHover)
Lorem ipsumDolor sit ametConsectetur adipiscingSed do eiusmodUt labore et dolore
Lorem ipsumDolor sit ametConsectetur adipiscingSed do eiusmodUt labore et dolore
import Marquee from '@/components/Marquee';import Text from '@/components/Text'; export function Example() { return ( <Marquee $pauseOnHover> <Text>Lorem ipsum</Text> <Text>Dolor sit amet</Text> <Text>Consectetur adipiscing</Text> </Marquee> );}