Support Tabs on a Page

Feature Discussion
1

I would like to be able to put Tabs on a Page, for example, we have a Quickstart for our Kubernetes platform.
https://docs.platform9.com/kubernetes/quickstart
This is a long page.
Ideally the quick start would have three tabs BareOS | Azure | AWS and a user just change the tabs. Similar to how a code block works but with support for a standard page written in MD

2

Hey @Chris_Jones, this is an interesting idea. Would it be one tab to govern the whole page? or multiple tabs throughout the page that are linked together - so if one switches the other do as well?

3

To give an idea, I think Stripe has a good handle on how tabs should work.

  • As a writer I can add a tab element any where on any page
  • As a writer can add as many tabs as I want (Although content size is a concern)
  • As a writer I can add any content type I want to a tab. (code, video, tables etc)
  • As an end user when I click on a tab the content changes for that tab.
  • Tabs are not connected to each and tab group operates independently.

Screen Shot 2022-08-03 at 2.12.41 PM
Screen Shot 2022-08-03 at 2.12.41 PM1920×690 66.1 KB

4

Thanks @Tatiana, this looks great. It is probably something that we can do!

5

This is now available in beta: https://docs.developerhub.io/support-center/tabs

Your feedback is appreciated!