Skip to main content

Highlight

Use the Highlight component to highlight one or more substrings within a text.

OverviewPropertiesChangelog3.14.0

Changes to Highlight. The full components changelog also lists package-wide and cross-cutting entries.

3.11.0​

Updates​

Typography​

  • You can now set the id prop on Blockquote, Code, Emphasis, ExternalLink, Highlight, List, Strikethrough, and Strong.

1.15.0​

Updates​

  • Now uses CSS Custom Highlight API instead of the <mark> HTML element. (APPDEV-14731)

1.5.0​

  • Now preserves whitespace around the highlighted term. (APPDEV-12895)

1.4.0​

  • Added support for using FormattedMessage within the Highlight component. (APPDEV-12687)
  • Highlighted text reflows correctly when wrapped inside a smaller container. (APPDEV-12666)

1.2.0​

  • Whitespaces are preserved when the Highlight component is rendered inside an element styled with display: 'flex'. (APPDEV-12362)
Still have questions?
Find answers in the Dynatrace Community