up:: [[quarto blog]]
#s/informatique #s/blog 

```
::: {.callout-note}
Contents of the callout
:::
```
 - [i] there are 5 types of callouts
     - `note`, `tip`, `warning`, `caution`, `important`


# Change callout title
```
::: {.callout-note}
## The title

contents
:::
```


# Collapsed (folded) callout, with no icon
```
::: {.callout-important collapse=true icon=false}
## The title

Content that is hidden by default
:::
```
 - [i] `collapse=false` will make the callout foldable, but visible by default

# Cross-references
adding a tag for the callout (`#tip-XXXXX`) will allow for a nice cross reference with preview on hover.
```
::: {#tip-example .callout-tip}
## Cross-Referencing a Tip

Add an ID starting with `#tip-` to reference a tip.
:::

See @tip-example...
```

Here are the prefixes for the cross-reference tags :

| Callout Type | Prefix  |
| ------------ | ------- |
| `note`       | `#nte-` |
| `tip`        | `#tip-` |
| `warning`    | `#wrn-` |
| `important`  | `#imp-` |
| `caution`    | `#cau-` |