Commmerce Docs
← Web Components

Web Components · Global

<mmm-text-slider>

Marquee or rotating-text slider.

What it is

A single-line text rotator — alternates between phrases on a timer. Often used in top-bar promos.

When to use

  • Header promo bars
  • Footer trust signals

Attributes

AttributeTypeDefaultDescription
data-interval-msnumber4000Time per phrase.
idstring—Unique element identifier.
classstring—Custom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Promo rotator

Alternates between phrases.

<mmm-text-slider>
  <span>Free shipping over $50</span>
  <span>30-day returns</span>
  <span>Carbon-neutral delivery</span>
</mmm-text-slider>