Aller au contenu

Les Onglets

Utilisation

Les blocs de code sont l'une des principales cibles à regrouper et peuvent être considérés comme un cas particulier d'onglets de contenu, car les onglets avec un seul bloc de code sont toujours rendus sans espacement horizontal :

Onglets avec des blocks de code
=== "C"

    ``` c
    #include <stdio.h>

    int main(void) {
      printf("Hello world!\n");
      return 0;
    }
    ```

=== "C++"

    ``` c++
    #include <iostream>

    int main(void) {
      std::cout << "Hello world!" << std::endl;
      return 0;
    }
    ```

#include <stdio.h>

int main(void) {
  printf("Hello world!\n");
  return 0;
}

#include <iostream>

int main(void) {
  std::cout << "Hello world!" << std::endl;
  return 0;
}

Regrouper d'autres contenus

Lorsqu'un onglet de contenu contient plus d'un bloc de code, il est rendu avec un espacement horizontal. Un espacement vertical n'est jamais ajouté, mais peut être obtenu en imbriquant des onglets dans d'autres blocs :

Onglets
=== "Liste numérotation"

    * Sed sagittis eleifend rutrum
    * Donec vitae suscipit est
    * Nulla tempor lobortis orci

=== "Liste numérotée"

    1. Sed sagittis eleifend rutrum
    2. Donec vitae suscipit est
    3. Nulla tempor lobortis orci
  • Sed sagittis eleifend rutrum
  • Donec vitae suscipit est
  • Nulla tempor lobortis orci
  1. Sed sagittis eleifend rutrum
  2. Donec vitae suscipit est
  3. Nulla tempor lobortis orci

Contenu intégré

Lorsque SuperFences est activé, les onglets de contenu peuvent contenir du contenu imbriqué arbitraire, y compris d'autres onglets de contenu, et peuvent être imbriqués dans d'autres blocs comme les avertissements ou les citations.

Onglets dans une avertissements
!!! example

    === "Unordered List"

        ``` markdown
        * Sed sagittis eleifend rutrum
        * Donec vitae suscipit est
        * Nulla tempor lobortis orci
        ```

    === "Ordered List"

        ``` markdown
        1. Sed sagittis eleifend rutrum
        2. Donec vitae suscipit est
        3. Nulla tempor lobortis orci
        ```

Example

* Sed sagittis eleifend rutrum
* Donec vitae suscipit est
* Nulla tempor lobortis orci

1. Sed sagittis eleifend rutrum
2. Donec vitae suscipit est
3. Nulla tempor lobortis orci

Source

  •   Source des onglets

    Consultez la documentation officielle de Material pour MkDocs pour plus d'informations sur l'utilisation et la personnalisation des onglets de contenu.