# `PetalComponents.Marquee`
[🔗](https://github.com/petalframework/petal_components/blob/v3.2.0/lib/petal_components/marquee.ex#L1)

# `marquee`

## 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"`. Must be one of `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`, or `"none"`.
* `max_height` (`:string`) - Maximum height of the marquee container. Defaults to `"none"`. Must be one of `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`, or `"none"`.
* `class` (`:string`) - CSS class for parent div. Defaults to `""`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

---

*Consult [api-reference.md](api-reference.md) for complete listing*