Text Elements Explained

In Streamlit, text elements are fundamental components used to display textual information in your web application. Understanding these elements is crucial for effectively communicating with your users. This section will delve into the key text elements provided by Streamlit and how to use them.

1. st.title

st.title is used to display a title or a main heading in your Streamlit application. It is typically the first text element you use to introduce your app's purpose or topic. The text displayed by st.title is usually large and bold, making it stand out.

import streamlit as st

st.title("Welcome to My Streamlit App")
    

In this example, "Welcome to My Streamlit App" will be displayed as a large, bold title at the top of the web page.

2. st.header

st.header is used to display a header, which is a smaller heading compared to st.title. Headers are useful for breaking down your content into sections, making it easier for users to navigate and understand the structure of your app.

import streamlit as st

st.header("Introduction")
st.header("Data Analysis")
st.header("Conclusion")
    

Here, the app is divided into three sections: Introduction, Data Analysis, and Conclusion, each marked by a header.

3. st.subheader

st.subheader is used to display a subheading, which is even smaller than a header. Subheaders are ideal for further breaking down sections into subsections, providing a clear hierarchy in your content.

import streamlit as st

st.header("Data Analysis")
st.subheader("Exploratory Data Analysis")
st.subheader("Statistical Analysis")
    

In this example, the "Data Analysis" section is further divided into "Exploratory Data Analysis" and "Statistical Analysis" subsections.

4. st.write

st.write is a versatile function that can display text, data, and other elements. It is often used for general-purpose text display and can handle multiple types of content. st.write is particularly useful for displaying dynamic content that changes based on user input.

import streamlit as st

st.write("This is a simple text.")
st.write("You can also display numbers:", 42)
st.write("Or even complex objects:", {"key": "value"})
    

This example demonstrates how st.write can be used to display various types of content, including plain text, numbers, and dictionaries.

5. st.markdown

st.markdown allows you to write text using Markdown syntax, which is a lightweight markup language. Markdown provides a simple way to format text, including headings, lists, links, and more. This is particularly useful for displaying formatted text without the need for HTML.

import streamlit as st

st.markdown("## This is a Markdown Heading")
st.markdown("* Item 1")
st.markdown("* Item 2")
st.markdown("[Visit Streamlit](https://streamlit.io)")
    

In this example, Markdown syntax is used to create a heading, a bulleted list, and a hyperlink.

By mastering these text elements, you can effectively structure and present your content in Streamlit, making your web applications more informative and user-friendly.