DocPort Documentation

tabs

Jump to Section

Tabs let you organize content by context with multiple tab, for example HelloWorld instructions for each language.

This is how we do a Hello world with php

	<?php 
	Print "Hello, World!";
	?>

php runtime needed to run

This is how we do a Hello world with go

	package main
	import "fmt"
	func main() {
	    fmt.Println("hello world")
	}	

go needed to compile

This is how we do a Hello world with java

	class HelloWorld {
	    public static void main(String[] args) {
	        System.out.println("Hello, World!"); 
	    }
	}

java devkit needed to compile
java runtime needed to run

Usage

Enclose multiple {{%tab label%}} in a {{%tabs%}} shortcode

	{{< tabs >}}
	
		{{% tab "PHP" %}} 
		This is how we do a Hello world with php 
		```php
			<?php 
			Print "Hello, World!";
			?>
		```
		{{% /tab %}}

		{{< tab "Golang" >}} 
		This is how we do a Hello world with go
		```go
			package main
			import "fmt"
			func main() {
			    fmt.Println("hello world")
			}	
		```
		{{< /tab >}}

		{{< tab "Java" >}} 
		This is how we do a Hello world with java
		```java
			class HelloWorld {
			    public static void main(String[] args) {
			        System.out.println("Hello, World!"); 
			    }
			}
		```
		{{< /tab >}}

	{{< /tabs >}}