Hyperbook Documentation

Tabs

Tabs are a great way to display alternative content. In Hyperbook you can use the ::::tabs and :::tab{title="A Tab Title"}.

::::tabs
 
:::tab{title="Hi"}
Here is a tab
 
Another Test
:::
 
:::tab{title="Huh"}
Another tab with a [link](#)
 
Other
 
:::
 
:::tab{title="Third"}
 
Wow
 
:::
 
::::

Here is a tab

Another Test

Another tab with a link

Other

Wow

You can link tabs together by using the same id or the same titles.

::::tabs{id="code"}
:::tab{title="Java" id="java"}
Java
:::
:::tab{title="Python" id="python"}
Python
::::
 
Another tabs cluster with the same ids.
::::tabs{id="code"}
:::tab{title="Java"}
Java
:::
:::tab{title="Python" id="python"}
Python
::::
:::tab{title="C" id="c"}
C
::::

Java

Python

Another tabs cluster with the same ids.

Java

Python

C

Tabs
✎ GitHub© Copyright 2024 by OpenPatch