generated:catalog.entry.highlight-text.title

generated:catalog.entry.highlight-text.description

@xngui/components/highlight-text

@xngui/components/highlight-text

Highlight matching terms inside searchable content.

demo-preview:hints.category.assistive:

Tip

SR

import { Component } from '@angular/core';

import { XHighlightText } from '@xngui/components/highlight-text';

@Component({

selector: 'app-example',

imports: [XHighlightText],

templateUrl: './highlight-text.component.html',

})

export class ExampleComponent {}

chrome:demo.events.empty

chrome:demo.api.title

chrome:demo.api.col.property

chrome:demo.api.col.type

chrome:demo.api.col.default

chrome:demo.api.col.description

text

string

''

Source string to scan for terms.

terms

string | readonly string[]

''

Terms to wrap in highlight marks.

caseSensitive

boolean

false

Matches terms with exact casing when `true`.

variant

XVariant

'warning'

Semantic color role for highlight marks.