PetalComponents.Marquee
(petal_components v3.0.0)
View Source
Summary
Attributes
pause_on_hover
(:boolean
) - Pause the marquee when the user hovers over the cards. Defaults to false
.repeat
(:integer
) - Number of times to repeat the content. Defaults to 4
.vertical
(:boolean
) - Display the marquee vertically. Defaults to false
.reverse
(:boolean
) - Reverse the direction of the marquee. Defaults to false
.duration
(:string
) - Animation duration. Defaults to "30s"
.gap
(:string
) - Gap between items. Defaults to "1rem"
.overlay_gradient
(:boolean
) - Add gradient overlay at edges. Defaults to true
.max_width
(:string
) - Maximum width of the marquee container. Defaults to "none"
.max_height
(:string
) - Maximum height of the marquee container. Defaults to "none"
.class
(:string
) - CSS class for parent div. Defaults to ""
.- Global attributes are accepted.
Slots
Functions
Attributes
pause_on_hover
(:boolean
) - Pause the marquee when the user hovers over the cards. Defaults to false
.repeat
(:integer
) - Number of times to repeat the content. Defaults to 4
.vertical
(:boolean
) - Display the marquee vertically. Defaults to false
.reverse
(:boolean
) - Reverse the direction of the marquee. Defaults to false
.duration
(:string
) - Animation duration. Defaults to "30s"
.gap
(:string
) - Gap between items. Defaults to "1rem"
.overlay_gradient
(:boolean
) - Add gradient overlay at edges. Defaults to true
.max_width
(:string
) - Maximum width of the marquee container. Defaults to "none"
.max_height
(:string
) - Maximum height of the marquee container. Defaults to "none"
.class
(:string
) - CSS class for parent div. Defaults to ""
.- Global attributes are accepted.
Slots