Props
style
The inline style for the container div.
Type
string
Default
""
Required
No
class
The name of the css class to style the container div.
Type
string
Default
""
Required
No
play
Whether to play or pause the marquee.
Type
boolean
Default
true
Required
No
speed
The speed of the marquee in pixels per second.
Type
number
Default
100
Required
No
gap
The distance between elements: "10px", "5%", "2rem"
Type
string
Default
0px
Required
No
pauseOnHover
Whether to pause the marquee when hovered.
Type
boolean
Default
false
Required
No
pauseOnClick
Whether to pause the marquee when clicked.
Type
boolean
Default
false
Required
No
direction
The direction the marquee is sliding.
Type
"left" or "right"
Default
"left"
Required
No
gradient
Whether to show a gradient on right and left.
Type
boolean
Default
false
Required
No
—gradientWidth
The width of the gradient on either side: "10px", "25%", "2vw"
Type
string
Default
10%
Required
No
—gradientColor
The color of the gradient: "red", "rgba(245, 245, 245, 0.5"), "hsl(0, 100%, 50%)"
Type
string
Default
white
Required
No