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:

  • a distill-style blog post
  • a post with code
  • displaying beautiful tables with Bootstrap Tables
  • a post with jupyter notebook
  • a post with code diff