generated:catalog.entry.text-reveal.title
generated:catalog.entry.text-reveal.description
@xngui/components/text-reveal@xngui/components/text-revealchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XTextReveal } from '@xngui/components/text-reveal';
@Component({
selector: 'app-example',
imports: [XTextReveal],
templateUrl: './text-reveal.component.html',
})
export class ExampleComponent {
protected onStarted(): void {
// started
}
protected onRevealed(): void {
// revealed
}
}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-text-reveal
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
textstring''String to reveal progressively.
byXTextRevealBy'word'Reveals by word or character unit.
staggernumber60Delay between units in milliseconds.
durationnumber400Per-unit transition duration in milliseconds.
triggerXTextRevealTrigger'mount'Starts reveal on mount or when scrolled into view.