a post with tabs

This is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

First tabs

To add tabs, use the following syntax:

{% tabs group-name %}

{% tab group-name tab-name-1 %}

Content 1

{% endtab %}

{% tab group-name tab-name-2 %}

Content 2

{% endtab %}

{% endtabs %}

With this you can generate visualizations like:

  • var_dump('hello');
    
  • console.log("hello");
    
  • pputs 'hello'
    

Another example

  • hello:
      - "whatsup"
      - "hi"
    
  • {
      "hello": ["whatsup", "hi"]
    }
    

Tabs for something else

  • Regular text

  • A quote

  • Hipster list

    • brunch
    • fixie
    • raybans
    • messenger bag



Enjoy Reading This Article?

Here are some more articles you might like to read next:

  • Dal Vibe Coding all'Agentic Software Engineering: la differenza non è di strumento ma di postura professionale
  • Umano o Sintetico? Il Valore di un Testo va Oltre la sua Origine
  • La norma UNI 11621-8 e le professioni AI
  • AI e l'illusione del reale. Plausibile non significa vero
  • Certificazioni di sicurezza informatica entry level