In this video, you will learn how to add a top navigation bar to Streamlit apps using a simple hack. Particularly, we will be using the st.markdown function to embed HTML code for Bootstrap's Navbar.
This idea was inspired from a recent UI hack from Charly over at Streamlit where he used st.markdown to create clickable image buttons. This gave me the idea that it would also be possible to extend this to other things as well. Thus, the addition of navigation bar to Streamlit apps.
👉 Code https://github.com/dataprofessor/streamlit_navbar
👉 Demo App https://share.streamlit.io/dataprofessor/streamlit_navbar/main/app_navbar.py
Support my work:
👪 Join as Channel Member:
https://www.youtube.com/channel/UCV8e2g4IWQqK71bbzGDEI4Q/join
✉️ Newsletter http://newsletter.dataprofessor.org
📖 Join Medium to Read my Blogs https://data-professor.medium.com/membership
☕ Buy me a coffee https://www.buymeacoffee.com/dataprofessor
Recommended Resources
📚 Books https://kit.co/dataprofessor
😎 Taro (Tech Career Mentorship) https://www.jointaro.com/r/dataprofessor/
📜 Google Data Analytics Professional Certificate https://imp.i384100.net/google-data-analytics
🤔 Interview Query https://www.interviewquery.com/?ref=dataprofessor
🖥️ Stock photos, graphics and videos used on this channel https://1.envato.market/c/2346717/628379/4662
Subscribe:
🌟 Coding Professor https://www.youtube.com/channel/UCJzlfIoF8nmWqJIv_iWQVRw?sub_confirmation=1
🌟 Data Professor https://www.youtube.com/dataprofessor?sub_confirmation=1
Disclaimer:
Recommended books and tools are affiliate links that gives me a portion of sales at no cost to you, which will contribute to the improvement of this channel's contents.
#datascience #machinelearning #dataprofessor
