---json
{
    "canonical": ":ui:highlight",
    "description": "This article shows you the highlighting syntax",
    "page_id": "mce761veg65hnrcel0k22",
    "title": "How to highlight words in ComboStrap"
}
---
====== ComboStrap UI - Highlighting (mark) ======


===== About =====
''highlight'' is a [[docs:content:typo|typographic component]] that highlights a sequence of words.


''Highlighting'' permits to add [[docs:styling:emphasis|emphasis]] on a couple of words.

===== Syntax and Example =====

==== Wiki ====

You needs to wrap your words with two quote characters ''%%''%%''.
  * Syntax
<webcode name="Default" frameborder="0">
<code dw>
This text is not highlighted while ''this one is''. 
</code>
  * Output:
</webcode>



==== Markdown ====
We supports also the ''backtick'' [[docs:utility:markdown|markdown syntax]]

  * Syntax
<webcode name="Default" frameborder="0">
<code dw>
This text is not highlighted while `this one is`. 
</code>
  * Output:
</webcode>
===== Configuration =====
==== Background color ====
By default, the background color is based on the [[:docs:theme:branding-colors|primary branding color]] if set (98% lightness).

==== Disable ====

You can disable the wiki syntax with the ''highlightWikiEnable'' [[docs:app:configuration|configuration]] to get back the [[doku>wiki:syntax#basic_text_formatting|dokuwiki monospace]] output. (No background color, no mark element)