Highlight Component

The Highlight component provides inline text highlighting.

Basic Usage

This is <Highlight>important text</Highlight> in your slide.

Or using the syntax sugar:

:::highlight{type="warning"}
Important text to highlight
:::

Examples

Different Types

<Highlight type="primary">Primary highlight</Highlight>

<Highlight type="success">Success highlight</Highlight>

<Highlight type="warning">Warning highlight</Highlight>

<Highlight type="danger">Danger highlight</Highlight>

<Highlight type="info">Info highlight</Highlight>

In Context

Our method achieves <Highlight type="success">94.7% accuracy</Highlight>, 
which is <Highlight type="warning">significantly better</Highlight> than 
the baseline.

Legacy color Alias

color is supported for backwards compatibility and maps to type:

• yellow -> warning
• green -> success
• blue -> info
• pink -> danger
• purple -> primary

<Highlight color="yellow">Yellow highlight</Highlight>

Props

Prop	Type	Default	Description
type	string	'primary'	Highlight type: primary, success, warning, danger, info
color	string	-	Legacy alias of type: yellow, green, blue, pink, purple