Mark element (Highlighted text)

The Mark component represents a highlighted text.

Usage in a Markdown page

In a markdown page, you create a mark with a backtick string

Example:

markdown
`This is a mark`

will output: This is a mark

Styling

There are 2 css variables:

  • highlight-bg for the background
  • highlight-color for the color

Registration

It's used by default to hack the Markdown backtick code span into a mark element instead of a code one.

This component was mapped to the code element in the components section of the configuration file

json
{
  "components": {
    "code": {
      "importPath": "@combostrap/interact/components/Mark",
      "type": "content"
    }
  }
}