generated:catalog.entry.marquee-text.title
generated:catalog.entry.marquee-text.description
@xngui/components/marquee-text@xngui/components/marquee-textchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XMarqueeText } from '@xngui/components/marquee-text';
@Component({
selector: 'app-example',
imports: [XMarqueeText],
templateUrl: './marquee-text.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-marquee-text
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
speednumber24Animation duration in seconds for one scroll cycle.
directionXTextMarqueeDirection'start'Scrolls toward inline start or end.
pauseOnHoverbooleantruePauses animation while hovered or focused.
gapstring'2rem'Gap between repeated copies.
repeatnumber2Number of visible copies — minimum two.
textstring''Marquee string to scroll.