Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions content/develop/api-reference/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -646,6 +646,19 @@ Display a graph using the dagre-d3 library.
st.graphviz_chart(my_graphviz_spec)
```

</RefCard>
<RefCard href="/develop/api-reference/charts/st.mermaid_chart">

<Image pure alt="screenshot" src="/images/api/mermaid_chart.jpg" />

<h4>Mermaid chart</h4>

Display a Mermaid diagram.

```python
st.mermaid_chart("graph LR\n A --> B")
```

</RefCard>
</TileContainer>

Expand Down
13 changes: 13 additions & 0 deletions content/develop/api-reference/charts/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -155,6 +155,19 @@ Display a graph using the dagre-d3 library.
st.graphviz_chart(my_graphviz_spec)
```

</RefCard>
<RefCard href="/develop/api-reference/charts/st.mermaid_chart">

<Image pure alt="screenshot" src="/images/api/mermaid_chart.jpg" />

<h4>Mermaid chart</h4>

Display a Mermaid diagram.

```python
st.mermaid_chart("graph LR\n A --> B")
```

</RefCard>
</TileContainer>

Expand Down
8 changes: 8 additions & 0 deletions content/develop/api-reference/charts/mermaid_chart.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
title: st.mermaid_chart
slug: /develop/api-reference/charts/st.mermaid_chart
description: st.mermaid_chart renders a Mermaid diagram in your app, letting you embed flowcharts, sequence diagrams, and more.
keywords: st.mermaid_chart, mermaid, diagram, flowchart, sequence diagram, graph, chart
---

<Autofunction function="streamlit.mermaid_chart" />
3 changes: 1 addition & 2 deletions content/develop/api-reference/text/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -157,8 +157,7 @@ Display mathematical expressions formatted as LaTeX.
st.latex("\int a x^2 \,dx")
```

</RefCard>
<RefCard href="/develop/api-reference/text/st.divider">
</RefCard><RefCard href="/develop/api-reference/text/st.divider">

<Image pure alt="screenshot" src="/images/api/divider.jpg" />

Expand Down
10 changes: 5 additions & 5 deletions content/develop/quick-references/release-notes/2026.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,14 @@ _Release date: July 6, 2026_
**Highlights**

- ✨ Introducing [`ButtonColumn`](/develop/api-reference/data/st.column_config/st.column_config.buttoncolumn) — a new column type for [`st.dataframe`](/develop/api-reference/data/st.dataframe) and [`st.data_editor`](/develop/api-reference/data/st.data_editor) that renders clickable buttons inside table cells, letting users trigger actions directly from a row ([#14544](https://github.com/streamlit/streamlit/pull/14544), [#7015](https://github.com/streamlit/streamlit/issues/7015)).
- 📊 [`st.dataframe`](/develop/api-reference/data/st.dataframe) has a new column statistics submenu — right-click any column header to see per-column summary stats ([#14307](https://github.com/streamlit/streamlit/pull/14307), [#13148](https://github.com/streamlit/streamlit/issues/13148)).
- 📊 [`st.dataframe`](/develop/api-reference/data/st.dataframe) has a new column statistics submenu — click the dropdown icon in any column header to see per-column summary stats ([#14307](https://github.com/streamlit/streamlit/pull/14307), [#13148](https://github.com/streamlit/streamlit/issues/13148)).
- 🍿 Introducing [`st.skeleton`](/develop/api-reference/status/st.skeleton) — a new element that renders animated loading placeholders, making it easy to give users visual feedback while content is loading ([#15169](https://github.com/streamlit/streamlit/pull/15169), [#8032](https://github.com/streamlit/streamlit/issues/8032)).
- 🎛 [`st.chat_input`](/develop/api-reference/chat/st.chat_input) has a new `submit_mode` parameter that lets you control when messages are submitted — either on Enter (default) or only when the user explicitly clicks the send button ([#14344](https://github.com/streamlit/streamlit/pull/14344), [#8323](https://github.com/streamlit/streamlit/issues/8323), [#11854](https://github.com/streamlit/streamlit/issues/11854)).
- 🎨 Introducing [`st.mermaid_chart`](/develop/api-reference/charts/st.mermaid_chart) — render Mermaid diagrams directly in your app, letting you embed flowcharts, sequence diagrams, and more. Mermaid also works from [`st.markdown`](/develop/api-reference/text/st.markdown) ([#14022](https://github.com/streamlit/streamlit/pull/14022), [#10721](https://github.com/streamlit/streamlit/issues/10721)).

**Notable Changes**

- 🎛 [`st.chat_input`](/develop/api-reference/chat/st.chat_input) has a new `submit_mode` parameter that controls widget behavior after the user submits a message, e.g. showing a stop button or disabling the chat input ([#14344](https://github.com/streamlit/streamlit/pull/14344), [#8323](https://github.com/streamlit/streamlit/issues/8323), [#11854](https://github.com/streamlit/streamlit/issues/11854)).
- 📋 [`st.dataframe`](/develop/api-reference/data/st.dataframe) and [`st.data_editor`](/develop/api-reference/data/st.data_editor) support a new [`MarkdownColumn`](/develop/api-reference/data/st.column_config/st.column_config.markdowncolumn) type in `st.column_config` that renders Markdown text inside table cells ([#13931](https://github.com/streamlit/streamlit/pull/13931), [#10211](https://github.com/streamlit/streamlit/issues/10211)).
- 🎨 [`st.markdown`](/develop/api-reference/text/st.markdown) now renders Mermaid diagrams, letting you embed flowcharts, sequence diagrams, and more directly in your app ([#14022](https://github.com/streamlit/streamlit/pull/14022), [#10721](https://github.com/streamlit/streamlit/issues/10721)).
- 🔗 [`st.markdown`](/develop/api-reference/text/st.markdown) has a new `anchors` parameter for adding linkable heading anchors to Markdown content ([#15722](https://github.com/streamlit/streamlit/pull/15722), [#13913](https://github.com/streamlit/streamlit/issues/13913)).
- 💻 You can now launch Streamlit apps directly with `python app.py` or `uv run app.py` using the new `App.run()` entry point — no more `streamlit run` required ([#15563](https://github.com/streamlit/streamlit/pull/15563), [#9450](https://github.com/streamlit/streamlit/issues/9450), [#11420](https://github.com/streamlit/streamlit/issues/11420)).
- 🧩 [`st.fragment`](/develop/api-reference/execution-flow/st.fragment) can now write to containers defined outside the fragment. Fragments can update any part of your app — including elements created before the fragment — without triggering a full rerun ([#15623](https://github.com/streamlit/streamlit/pull/15623), [#15620](https://github.com/streamlit/streamlit/pull/15620), [#10481](https://github.com/streamlit/streamlit/issues/10481)).
Expand All @@ -37,9 +37,9 @@ _Release date: July 6, 2026_
- ⌨ You can now look up Streamlit API documentation from the CLI with `streamlit docs <command>` ([#15547](https://github.com/streamlit/streamlit/pull/15547)).
- 🔐 A new `server.xsrfCookieSameSite` config option lets you customize the `SameSite` attribute of the XSRF cookie for deployments with specific cross-site requirements ([#15634](https://github.com/streamlit/streamlit/pull/15634), [#5793](https://github.com/streamlit/streamlit/issues/5793), [#9397](https://github.com/streamlit/streamlit/issues/9397)).
- 💡 Streamlit now recommends installing AI coding skills on app startup to improve your development workflow with AI coding assistants ([#15437](https://github.com/streamlit/streamlit/pull/15437), [#15473](https://github.com/streamlit/streamlit/pull/15473)).
- ⚙ The `/_stcore/metrics` endpoint now reports memory stats in a less detailed (cheaper) form by default. If your monitoring stack relies on the previous granular memory fields, set `server.enableStaticServing` to `true` to restore them ([#15472](https://github.com/streamlit/streamlit/pull/15472)).
- ⚙ The `/_stcore/metrics` endpoint now reports memory stats in a less detailed (cheaper) form by default ([#15472](https://github.com/streamlit/streamlit/pull/15472)).
- 👻 The deprecated Snowpark connection type has been removed. Migrate to a supported connection type ([#15784](https://github.com/streamlit/streamlit/pull/15784)).
- 👻 The deprecated [`st.bokeh_chart`](/develop/api-reference/charts/st.bokeh_chart) command has been removed. Use `st.components.v1.html` to embed Bokeh visualizations instead ([#15636](https://github.com/streamlit/streamlit/pull/15636)).
- 👻 The deprecated [`st.bokeh_chart`](/develop/api-reference/charts/st.bokeh_chart) command has been removed. Use the [`streamlit-bokeh`](https://github.com/streamlit/streamlit-bokeh) component instead ([#15636](https://github.com/streamlit/streamlit/pull/15636)).

**Other Changes**

Expand Down
10 changes: 5 additions & 5 deletions content/develop/quick-references/release-notes/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,14 +28,14 @@ _Release date: July 6, 2026_
**Highlights**

- ✨ Introducing [`ButtonColumn`](/develop/api-reference/data/st.column_config/st.column_config.buttoncolumn) — a new column type for [`st.dataframe`](/develop/api-reference/data/st.dataframe) and [`st.data_editor`](/develop/api-reference/data/st.data_editor) that renders clickable buttons inside table cells, letting users trigger actions directly from a row ([#14544](https://github.com/streamlit/streamlit/pull/14544), [#7015](https://github.com/streamlit/streamlit/issues/7015)).
- 📊 [`st.dataframe`](/develop/api-reference/data/st.dataframe) has a new column statistics submenu — right-click any column header to see per-column summary stats ([#14307](https://github.com/streamlit/streamlit/pull/14307), [#13148](https://github.com/streamlit/streamlit/issues/13148)).
- 📊 [`st.dataframe`](/develop/api-reference/data/st.dataframe) has a new column statistics submenu — click the dropdown icon in any column header to see per-column summary stats ([#14307](https://github.com/streamlit/streamlit/pull/14307), [#13148](https://github.com/streamlit/streamlit/issues/13148)).
- 🍿 Introducing [`st.skeleton`](/develop/api-reference/status/st.skeleton) — a new element that renders animated loading placeholders, making it easy to give users visual feedback while content is loading ([#15169](https://github.com/streamlit/streamlit/pull/15169), [#8032](https://github.com/streamlit/streamlit/issues/8032)).
- 🎛 [`st.chat_input`](/develop/api-reference/chat/st.chat_input) has a new `submit_mode` parameter that lets you control when messages are submitted — either on Enter (default) or only when the user explicitly clicks the send button ([#14344](https://github.com/streamlit/streamlit/pull/14344), [#8323](https://github.com/streamlit/streamlit/issues/8323), [#11854](https://github.com/streamlit/streamlit/issues/11854)).
- 🎨 Introducing [`st.mermaid_chart`](/develop/api-reference/charts/st.mermaid_chart) — render Mermaid diagrams directly in your app, letting you embed flowcharts, sequence diagrams, and more. Mermaid also works from [`st.markdown`](/develop/api-reference/text/st.markdown) ([#14022](https://github.com/streamlit/streamlit/pull/14022), [#10721](https://github.com/streamlit/streamlit/issues/10721)).

**Notable Changes**

- 🎛 [`st.chat_input`](/develop/api-reference/chat/st.chat_input) has a new `submit_mode` parameter that controls widget behavior after the user submits a message, e.g. showing a stop button or disabling the chat input ([#14344](https://github.com/streamlit/streamlit/pull/14344), [#8323](https://github.com/streamlit/streamlit/issues/8323), [#11854](https://github.com/streamlit/streamlit/issues/11854)).
- 📋 [`st.dataframe`](/develop/api-reference/data/st.dataframe) and [`st.data_editor`](/develop/api-reference/data/st.data_editor) support a new [`MarkdownColumn`](/develop/api-reference/data/st.column_config/st.column_config.markdowncolumn) type in `st.column_config` that renders Markdown text inside table cells ([#13931](https://github.com/streamlit/streamlit/pull/13931), [#10211](https://github.com/streamlit/streamlit/issues/10211)).
- 🎨 [`st.markdown`](/develop/api-reference/text/st.markdown) now renders Mermaid diagrams, letting you embed flowcharts, sequence diagrams, and more directly in your app ([#14022](https://github.com/streamlit/streamlit/pull/14022), [#10721](https://github.com/streamlit/streamlit/issues/10721)).
- 🔗 [`st.markdown`](/develop/api-reference/text/st.markdown) has a new `anchors` parameter for adding linkable heading anchors to Markdown content ([#15722](https://github.com/streamlit/streamlit/pull/15722), [#13913](https://github.com/streamlit/streamlit/issues/13913)).
- 💻 You can now launch Streamlit apps directly with `python app.py` or `uv run app.py` using the new `App.run()` entry point — no more `streamlit run` required ([#15563](https://github.com/streamlit/streamlit/pull/15563), [#9450](https://github.com/streamlit/streamlit/issues/9450), [#11420](https://github.com/streamlit/streamlit/issues/11420)).
- 🧩 [`st.fragment`](/develop/api-reference/execution-flow/st.fragment) can now write to containers defined outside the fragment. Fragments can update any part of your app — including elements created before the fragment — without triggering a full rerun ([#15623](https://github.com/streamlit/streamlit/pull/15623), [#15620](https://github.com/streamlit/streamlit/pull/15620), [#10481](https://github.com/streamlit/streamlit/issues/10481)).
Expand All @@ -49,9 +49,9 @@ _Release date: July 6, 2026_
- ⌨ You can now look up Streamlit API documentation from the CLI with `streamlit docs <command>` ([#15547](https://github.com/streamlit/streamlit/pull/15547)).
- 🔐 A new `server.xsrfCookieSameSite` config option lets you customize the `SameSite` attribute of the XSRF cookie for deployments with specific cross-site requirements ([#15634](https://github.com/streamlit/streamlit/pull/15634), [#5793](https://github.com/streamlit/streamlit/issues/5793), [#9397](https://github.com/streamlit/streamlit/issues/9397)).
- 💡 Streamlit now recommends installing AI coding skills on app startup to improve your development workflow with AI coding assistants ([#15437](https://github.com/streamlit/streamlit/pull/15437), [#15473](https://github.com/streamlit/streamlit/pull/15473)).
- ⚙ The `/_stcore/metrics` endpoint now reports memory stats in a less detailed (cheaper) form by default. If your monitoring stack relies on the previous granular memory fields, set `server.enableStaticServing` to `true` to restore them ([#15472](https://github.com/streamlit/streamlit/pull/15472)).
- ⚙ The `/_stcore/metrics` endpoint now reports memory stats in a less detailed (cheaper) form by default ([#15472](https://github.com/streamlit/streamlit/pull/15472)).
- 👻 The deprecated Snowpark connection type has been removed. Migrate to a supported connection type ([#15784](https://github.com/streamlit/streamlit/pull/15784)).
- 👻 The deprecated [`st.bokeh_chart`](/develop/api-reference/charts/st.bokeh_chart) command has been removed. Use `st.components.v1.html` to embed Bokeh visualizations instead ([#15636](https://github.com/streamlit/streamlit/pull/15636)).
- 👻 The deprecated [`st.bokeh_chart`](/develop/api-reference/charts/st.bokeh_chart) command has been removed. Use the [`streamlit-bokeh`](https://github.com/streamlit/streamlit-bokeh) component instead ([#15636](https://github.com/streamlit/streamlit/pull/15636)).

**Other Changes**

Expand Down
2 changes: 2 additions & 0 deletions content/menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -300,6 +300,8 @@ site_menu:
visible: false
- category: Develop / API reference / Chart elements / st.graphviz_chart
url: /develop/api-reference/charts/st.graphviz_chart
- category: Develop / API reference / Chart elements / st.mermaid_chart
url: /develop/api-reference/charts/st.mermaid_chart
- category: Develop / API reference / Chart elements / st.plotly_chart
url: /develop/api-reference/charts/st.plotly_chart
- category: Develop / API reference / Chart elements / st.pydeck_chart
Expand Down
Binary file added public/images/api/mermaid_chart.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions python/api-examples-source/charts.mermaid_chart.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
import streamlit as st

st.mermaid_chart('''
graph LR
A[Start] --> B{Decision}
B -->|Yes| C[OK]
B -->|No| D[Cancel]
''')
24 changes: 24 additions & 0 deletions python/api-examples-source/data.markdown_column.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import pandas as pd
import streamlit as st

data_df = pd.DataFrame(
{
"description": [
"# Title\n\nThis is **bold** text",
"## Subtitle\n\n- Item 1\n- Item 2",
"Regular text with `code`",
],
}
)

st.dataframe(
data_df,
column_config={
"description": st.column_config.MarkdownColumn(
"Description",
help="Markdown formatted text",
width="large",
),
},
hide_index=True,
)
9 changes: 9 additions & 0 deletions python/api-examples-source/status.skeleton_context.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import streamlit as st
import time

with st.skeleton(height=100):
# Expensive computation runs here
time.sleep(2)

# Skeleton clears, show results below
st.success("Data loaded!")
6 changes: 6 additions & 0 deletions python/api-examples-source/status.skeleton_standalone.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import streamlit as st
import time

placeholder = st.skeleton(height=200)
time.sleep(2)
placeholder.dataframe({"col1": [1, 2, 3], "col2": [4, 5, 6]})