---
title: Hello Callout!
---
## Overview of callouts {#overview}
::: {.callout-warning}
Callouts provide a simple way to attract attention, for example, to this warning.
:::
::: {.callout-important}
## This is Important
Danger, callouts will really improve your writing.
:::
::: {.callout-note}
Note that there are five types of callouts, including: `note`, `tip`, `warning`, `caution`, and `important`.
:::
::: {.callout-tip}
## Tip With Caption
This is an example of a callout with a caption.
:::
## Callout with markup {#markup}
::: {.callout-tip}
## Caption with **formatted** text, like `function_name()`
This is an example of a callout with a caption containing special formatting and characters.
:::
::: {.callout-caution collapse="true"}
## Expand To Learn About Collapse
This is an example of a 'collapsed' caution callout that can be expanded by the user. You can use `collapse="true"` to collapse it by default or `collapse="false"` to make a collapsible callout that is expanded by default.
:::
::: {.callout}
## Exercise
You can also use a plain `callout` class to get a simple callout treatment.
:::
## Callout Appearance {#appearance}
::: {.callout-caution appearance="simple"}
A simple callout with no title
:::
::: {.callout-caution appearance="default"}
A default callout with no title
:::
::: {.callout-caution appearance="default" icon="false"}
A default callout with no title or icon
:::
::: {.callout-caution appearance="simple" icon="false"}
A simple callout with no title or icon
:::
## Minimal
::: {.callout-caution appearance="minimal"}
A minimal callout with no title
:::
