hint.md

description
Add a hint to a page to draw your reader’s attention to specific pieces of important information

Hints

Hints are a great way to bring the reader’s attention to specific elements in your documentation, such as tips, warnings, and other important information.

There are four different hint styles — you can change the style by clicking the colored icon, or by opening the block’s Options menu and selecting the style you want.

Hint blocks support inline content and formatting, as well some specific block types. To see which block types you can use in a hint, hit / on an empty line and check the insert palette.

Examples of hint blocks

{% hint style="info" %} Info hints are great for showing general information, or providing tips and tricks. {% endhint %}

{% hint style="success" %} Success hints are good for showing positive actions or achievements. {% endhint %}

{% hint style="warning" %} Warning hints are good for showing important information or non-critical warnings. {% endhint %}

{% hint style="danger" %} Danger hints are good for highlighting destructive actions or raising attention to critical information. {% endhint %}

{% hint style="info" %}

This is a H2 heading

This is a line

This is an inline image

• This is a second line using an unordered list and color {% endhint %}

Representation in Markdown

{% raw %}
{% hint style="info" %}
**Info hints** are great for showing general information, or providing tips and tricks.
{% endhint %}

{% hint style="success" %}
**Success hints** are good for showing positive actions or achievements.
{% endhint %}

{% hint style="warning" %}
**Warning hints** are good for showing important information or non-critical warnings.
{% endhint %}

{% hint style="danger" %}
**Danger hints** are good for highlighting destructive actions or raising attention to critical information.
{% endhint %}

{% hint style="info" %}

## This is a H2 heading

This is a line

This is an inline <img src=".gitbook/assets/notification.png" alt="" data-size="line"> image

- This is a second <mark style="color:orange;background-color:purple;">line using an unordered list and color</mark>
{% endhint %}
{% endraw %}