How to create tabs?

[butterstulle]

Hi everyone,

i am quite new to Streamlit but already in Love with it.
At the gallery page there are two tabs to switch between “APPS” and “COMPONENTS”. That looks quite beautiful.

https://streamlit.io/gallery?type=apps&category=featured

Can anyone tell me how to create similar (or at least similar looking buttons) tabs? I want the tab or button be highlighted when selected. Like in the Link.

That would be amazing
Best regards!

[randyzwitch]

Hi @butterstulle, welcome to the Streamlit community!

An important thing to note about the link you provided is that our corporate website isn’t actually written using Streamlit (for shame! ). Adding tabs is a feature request that we are working on, but it’s currently not available within Streamlit. It would be a great contribution from the community as a Streamlit component.

Best,
Randy

[butterstulle]

Thanks for the answer

[benlindsay]

Some updates about tabs in streamlit:

• The github issue requesting it as a feature (also listed in above in this thread) is still open as of 2021-04-17:
• Another discuss.streamlit.io thread on the topic is here: Multiple tabs in streamlit - #3 by JayC
• 2 hacks are shared in that thread: one using bokeh and one using bootstrap + query parameters. The source code for the 2nd one is in the github issue thread