generated:catalog.entry.typewriter.title
generated:catalog.entry.typewriter.description
@xngui/components/typewriter@xngui/components/typewriterchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XTypewriter } from '@xngui/components/typewriter';
@Component({
selector: 'app-example',
imports: [XTypewriter],
templateUrl: './typewriter.component.html',
})
export class ExampleComponent {
protected onStarted(): void {
// started
}
protected onCompleted(): void {
// completed
}
}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-typewriter
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
textstring''Full string to type progressively.
speednumber48Milliseconds between each typed character.
caretbooleantrueShows a blinking caret after the typed text.
caretVariantXColor'primary'Semantic color role for the caret.
loopbooleanfalseRestarts typing after completion when `true`.
delaynumber0Delay before the first character in milliseconds.
loopDelaynumber800Pause between loop cycles in milliseconds.
startOnXTypewriterStartOn'mount'Starts typing on mount or when scrolled into view.