w1c-marquee

Marquee

Use w1c-marquee for short announcement text that evokes <marquee> without using obsolete markup.

import '@w1c/components/marquee';

<w1c-marquee speed="14" pause-on-hover>Welcome to my homepage.</w1c-marquee>

API

• direction: left or right.
• speed: animation duration in seconds.
• pause-on-hover: pauses motion when the pointer is over the banner.

Accessibility

The component disables scrolling when prefers-reduced-motion: reduce is active.

Slots

• default marquee content

Parts

• chrome
• track