1. Contents
  2. Headings and body text
  3. Formatted text
  4. Utilities

Text elements

Streamlit apps usually start with a call to st.title to set the app's title. After that, there are 2 heading levels you can use: st.header and st.subheader.

Pure text is entered with st.text, and Markdown with st.markdown.

We also offer a "swiss-army knife" command called st.write, which accepts multiple arguments, and multiple data types. And as described above, you can also use magic commands in place of st.write.

Headings and body text

screenshot

Markdown

Display string formatted as Markdown.

Python
st.markdown("Hello **world**!")
screenshot

Title

Display text in title formatting.

Python
st.title("The app title")
screenshot

Header

Display text in header formatting.

Python
st.header("This is a header")
screenshot

Subheader

Display text in subheader formatting.

Python
st.subheader("This is a subheader")

Formatted text

screenshot

Badge

Display a small, colored badge.

Python
st.badge("New")
screenshot

Caption

Display text in small font.

Python
st.caption("This is written small caption text")
screenshot

Code block

Display a code block with optional syntax highlighting.

Python
st.code("a = 1234")
screenshot

Echo

Display some code on the app, then execute it. Useful for tutorials.

Python
with st.echo():
  st.write('This code will be printed')
screenshot

Preformatted text

Write fixed-width and preformatted text.

Python
st.text("Hello world")
screenshot

LaTeX

Display mathematical expressions formatted as LaTeX.

Python
st.latex("\int a x^2 \,dx")
screenshot

Divider

Display a horizontal rule.

Python
st.divider()

Utilities

Get help

Display object’s doc string, nicely formatted.

Python
st.help(st.write)
st.help(pd.DataFrame)

Render HTML

Renders HTML strings to your app.

Python
st.html("<p>Foo bar.</p>")

Third-party components

These are featured components created by our lovely community. For more examples and inspiration, check out our Components Gallery and Streamlit Extras!

screenshot

Annotated text

Display annotated text in Streamlit apps. Created by @tvst.

Python
annotated_text("This ", ("is", "verb"), " some ", ("annotated", "adj"), ("text", "noun"), " for those of ", ("you", "pronoun"), " who ", ("like", "verb"), " this sort of ", ("thing", "noun"), ".")
screenshot

Drawable Canvas

Provides a sketching canvas using Fabric.js. Created by @andfanilo.

Python
st_canvas(fill_color="rgba(255, 165, 0, 0.3)", stroke_width=stroke_width, stroke_color=stroke_color, background_color=bg_color, background_image=Image.open(bg_image) if bg_image else None, update_streamlit=realtime_update, height=150, drawing_mode=drawing_mode, point_display_radius=point_display_radius if drawing_mode == 'point' else 0, key="canvas",)
screenshot

Tags

Add tags to your Streamlit apps. Created by @gagan3012.

Python
st_tags(label='# Enter Keywords:', text='Press enter to add more', value=['Zero', 'One', 'Two'], suggestions=['five', 'six', 'seven', 'eight', 'nine', 'three', 'eleven', 'ten', 'four'], maxtags = 4, key='1')
arrow_backPrevious: Write and magicarrow_forwardNext: st.title
forum

Still have questions?

Our forums are full of helpful information and Streamlit experts.