How do I create an anchor link?

Overview

Have you wanted to create anchors so that users of your app can directly navigate to specific sections by specifying #anchor in the URL? If so, let's find out how.

Solution

Anchors are automatically added to header text.

For example, if you define a header text via the st.header() function as follows:

st.header("Section 1")

Then you can create a link to this header using:

st.markdown("[Section 1](#section-1)", unsafe_allow_html=True)

Examples

• Demo app: https://share.streamlit.io/dataprofessor/streamlit/main/anchor_app.py
• GitHub repo: https://github.com/dataprofessor/streamlit/blob/main/anchor_app.py