generated:catalog.entry.split-text.title
generated:catalog.entry.split-text.description
@xngui/components/split-text@xngui/components/split-textchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XSplitText } from '@xngui/components/split-text';
@Component({
selector: 'app-example',
imports: [XSplitText],
templateUrl: './split-text.component.html',
})
export class ExampleComponent {
protected onUnitsReady(units: readonly { index: number; text: string }[]): void {
// unitsReady
}
}
chrome:demo.events.title 1
- unitsReady
{ "unitCount": 5 }
chrome:demo.api.title
x-split-text
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
textstring''Source string to split into animation units.
byXSplitTextBy'word'Splits by word, character, or line.
variantXColor'primary'Semantic color role applied to each unit.