PetalComponents.Marquee (petal_components v3.0.0)

View Source

Summary

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

  • inner_block (required)

Functions

marquee(assigns)

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

  • inner_block (required)