# Hints

## Colors

{% 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 %}

## With blocks in it

{% hint style="info" %}
First paragraph

Second paragraph

* List item
* Second list item
* And with a [link](#colors) !
  {% endhint %}

{% hint style="warning" %}
With a divider:

***

After the divider
{% endhint %}

{% hint style="danger" %}

## With a header

This is the hint content after the header
{% endhint %}