The identifier of the column on which the directive is currently on.
<div
igxTextHighlight
[column]="0">
</div>
Determines the CSS class of the highlight elements.
This allows the developer to provide custom CSS to customize the highlight.
<div
igxTextHighlight
[cssClass]="myClass">
</div>
Identifies the highlight within a unique group. This allows it to have several different highlight groups, with each of them having their own active highlight.
<div
igxTextHighlight
[groupName]="myGroupName">
</div>
A map that contains all additional conditions, that you need to activate a highlighted
element. To activate the condition, you will have to add a new metadata key to
the metadata property of the IActiveHighlightInfo interface.
// Set a property, which would disable the highlight for a given element on a certain condition
const metadata = new Map<string, any>();
metadata.set('highlightElement', false);
<div
igxTextHighlight
[metadata]="metadata">
</div>
The identifier of the row on which the directive is currently on.
<div
igxTextHighlight
[row]="0">
</div>
The underlying value of the element that will be highlighted.
// get
const elementValue = this.textHighlight.value;
<!--set-->
<div
igxTextHighlight
[value]="newValue">
</div>
Determines the
CSSclass of the active highlight element. This allows the developer to provide customCSSto customize the highlight.