chrome:shell.skip

generated:catalog.entry.diff-text.title

generated:catalog.entry.diff-text.description

@xngui/components/diff-text
@xngui/components/diff-text

chrome:demo.section

chrome:demo.preview

Ship the tabletext componentcomponents with paginationmotion presets.
demo-preview:hints.category.assistive:
TipSR
import { Component } from '@angular/core';
import { XDiffText } from '@xngui/components/diff-text';
 
@Component({
selector: 'app-example',
imports: [XDiffText],
templateUrl: './diff-text.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-diff-text

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
segments
readonly XTextDiffSegment[]
[]
Explicit diff operations — overrides `before`/`after` when non-empty.
before
string
''
Original text when `segments` is empty.
after
string
''
Updated text when `segments` is empty.
by
XTextDiffBy
'word'
Diff granularity — word or character.