syntax

Emote

Example

✅

Header

Example

---
title: "Titre de ton article"
description: "Courte description pour l’aperçu et le SEO"
date: 2025-02-10
hide:
  - tags
categories:
  - Documentation
tags:
  - template
user-defined-values:
  - YOUR_APPNAME
  - YOUR_ENV
---

---

Code Annotate

Example

Visual

theme:
  features:
    - content.code.annotate # (1)

1. :man_raising_hand: I'm a code annotation! I can contain code, formatted text, images, ... basically anything that can be written in Markdown.

Code

```yaml
theme:
  features:
    - content.code.annotate # (1)
```

1.  :man_raising_hand: I'm a code annotation! I can contain `code`, __formatted
    text__, images, ... basically anything that can be written in Markdown.

---

Tabbed Admonition

Example

Tab1Tab2

Note for Python

This is a note inside the Python tab.

Warning for JavaScript

This is a warning inside the JavaScript tab.

Parent Admonition

This is the outer admonition content.

Tab 1Tab 2

Tip inside Tab 1

This is the first tab's inner admonition.

Warning inside Tab 2

This is the second tab's inner admonition.

=== "Tab1"

    !!! note "Note for Python"
        This is a note inside the Python tab.

=== "Tab2"

    !!! warning "Warning for JavaScript"
        This is a warning inside the JavaScript tab.

!!! note "Parent Admonition"

    This is the outer admonition content.

    === "Tab 1"

        !!! tip "Tip inside Tab 1"
            This is the first tab's inner admonition.

    === "Tab 2"

        !!! warning "Warning inside Tab 2"
            This is the second tab's inner admonition.

---

Embed Documentation

Example

url: https://docs.crossplane.io/latest

<div class="admonition note">
  <p class="admonition-title">Documentation</p>

```embed
url: https://docs.crossplane.io/latest
```
</div>

---

Embed Documentation Foldable

Documentation

url: https://docs.crossplane.io/latest