Skip to content

Commit d8c6354

Browse files
sfc-gh-jriekejriekecursoragent
authored
Fix 1.59 release notes and add st.mermaid_chart, st.skeleton, MarkdownColumn docs (#1498)
* Fix 1.59 release notes and add st.mermaid_chart API docs - Fix bokeh_chart removal note to reference streamlit-bokeh component - Remove incorrect stcore metrics config option sentence - Update submit_mode description based on docstring - Fix column stats submenu interaction (dropdown icon, not right-click) - Add st.mermaid_chart as highlight, move submit_mode to notable changes - Add st.mermaid_chart detail page, tile, menu entry, and screenshot Co-authored-by: Cursor <cursoragent@cursor.com> * Add example app source files for st.mermaid_chart and st.skeleton Co-authored-by: Cursor <cursoragent@cursor.com> * Add example app source file for MarkdownColumn Co-authored-by: Cursor <cursoragent@cursor.com> --------- Co-authored-by: Johannes Rieke <johannes.rieke@gmail.com> Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent fa025c0 commit d8c6354

12 files changed

Lines changed: 94 additions & 12 deletions

File tree

content/develop/api-reference/_index.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -646,6 +646,19 @@ Display a graph using the dagre-d3 library.
646646
st.graphviz_chart(my_graphviz_spec)
647647
```
648648

649+
</RefCard>
650+
<RefCard href="/develop/api-reference/charts/st.mermaid_chart">
651+
652+
<Image pure alt="screenshot" src="/images/api/mermaid_chart.jpg" />
653+
654+
<h4>Mermaid chart</h4>
655+
656+
Display a Mermaid diagram.
657+
658+
```python
659+
st.mermaid_chart("graph LR\n A --> B")
660+
```
661+
649662
</RefCard>
650663
</TileContainer>
651664

content/develop/api-reference/charts/_index.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -155,6 +155,19 @@ Display a graph using the dagre-d3 library.
155155
st.graphviz_chart(my_graphviz_spec)
156156
```
157157

158+
</RefCard>
159+
<RefCard href="/develop/api-reference/charts/st.mermaid_chart">
160+
161+
<Image pure alt="screenshot" src="/images/api/mermaid_chart.jpg" />
162+
163+
<h4>Mermaid chart</h4>
164+
165+
Display a Mermaid diagram.
166+
167+
```python
168+
st.mermaid_chart("graph LR\n A --> B")
169+
```
170+
158171
</RefCard>
159172
</TileContainer>
160173

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
title: st.mermaid_chart
3+
slug: /develop/api-reference/charts/st.mermaid_chart
4+
description: st.mermaid_chart renders a Mermaid diagram in your app, letting you embed flowcharts, sequence diagrams, and more.
5+
keywords: st.mermaid_chart, mermaid, diagram, flowchart, sequence diagram, graph, chart
6+
---
7+
8+
<Autofunction function="streamlit.mermaid_chart" />

content/develop/api-reference/text/_index.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -157,8 +157,7 @@ Display mathematical expressions formatted as LaTeX.
157157
st.latex("\int a x^2 \,dx")
158158
```
159159

160-
</RefCard>
161-
<RefCard href="/develop/api-reference/text/st.divider">
160+
</RefCard><RefCard href="/develop/api-reference/text/st.divider">
162161

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

content/develop/quick-references/release-notes/2026.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,14 +16,14 @@ _Release date: July 6, 2026_
1616
**Highlights**
1717

1818
- ✨ 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)).
19-
- 📊 [`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)).
19+
- 📊 [`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)).
2020
- 🍿 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)).
21-
- 🎛 [`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)).
21+
- 🎨 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)).
2222

2323
**Notable Changes**
2424

25+
- 🎛 [`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)).
2526
- 📋 [`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)).
26-
- 🎨 [`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)).
2727
- 🔗 [`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)).
2828
- 💻 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)).
2929
- 🧩 [`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)).
@@ -37,9 +37,9 @@ _Release date: July 6, 2026_
3737
- ⌨ You can now look up Streamlit API documentation from the CLI with `streamlit docs <command>` ([#15547](https://github.com/streamlit/streamlit/pull/15547)).
3838
- 🔐 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)).
3939
- 💡 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)).
40-
- ⚙ 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)).
40+
- ⚙ The `/_stcore/metrics` endpoint now reports memory stats in a less detailed (cheaper) form by default ([#15472](https://github.com/streamlit/streamlit/pull/15472)).
4141
- 👻 The deprecated Snowpark connection type has been removed. Migrate to a supported connection type ([#15784](https://github.com/streamlit/streamlit/pull/15784)).
42-
- 👻 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)).
42+
- 👻 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)).
4343

4444
**Other Changes**
4545

content/develop/quick-references/release-notes/_index.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,14 +28,14 @@ _Release date: July 6, 2026_
2828
**Highlights**
2929

3030
- ✨ 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)).
31-
- 📊 [`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)).
31+
- 📊 [`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)).
3232
- 🍿 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)).
33-
- 🎛 [`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)).
33+
- 🎨 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)).
3434

3535
**Notable Changes**
3636

37+
- 🎛 [`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)).
3738
- 📋 [`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)).
38-
- 🎨 [`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)).
3939
- 🔗 [`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)).
4040
- 💻 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)).
4141
- 🧩 [`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)).
@@ -49,9 +49,9 @@ _Release date: July 6, 2026_
4949
- ⌨ You can now look up Streamlit API documentation from the CLI with `streamlit docs <command>` ([#15547](https://github.com/streamlit/streamlit/pull/15547)).
5050
- 🔐 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)).
5151
- 💡 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)).
52-
- ⚙ 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)).
52+
- ⚙ The `/_stcore/metrics` endpoint now reports memory stats in a less detailed (cheaper) form by default ([#15472](https://github.com/streamlit/streamlit/pull/15472)).
5353
- 👻 The deprecated Snowpark connection type has been removed. Migrate to a supported connection type ([#15784](https://github.com/streamlit/streamlit/pull/15784)).
54-
- 👻 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)).
54+
- 👻 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)).
5555

5656
**Other Changes**
5757

content/menu.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -300,6 +300,8 @@ site_menu:
300300
visible: false
301301
- category: Develop / API reference / Chart elements / st.graphviz_chart
302302
url: /develop/api-reference/charts/st.graphviz_chart
303+
- category: Develop / API reference / Chart elements / st.mermaid_chart
304+
url: /develop/api-reference/charts/st.mermaid_chart
303305
- category: Develop / API reference / Chart elements / st.plotly_chart
304306
url: /develop/api-reference/charts/st.plotly_chart
305307
- category: Develop / API reference / Chart elements / st.pydeck_chart
21.1 KB
Loading
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import streamlit as st
2+
3+
st.mermaid_chart('''
4+
graph LR
5+
A[Start] --> B{Decision}
6+
B -->|Yes| C[OK]
7+
B -->|No| D[Cancel]
8+
''')
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import pandas as pd
2+
import streamlit as st
3+
4+
data_df = pd.DataFrame(
5+
{
6+
"description": [
7+
"# Title\n\nThis is **bold** text",
8+
"## Subtitle\n\n- Item 1\n- Item 2",
9+
"Regular text with `code`",
10+
],
11+
}
12+
)
13+
14+
st.dataframe(
15+
data_df,
16+
column_config={
17+
"description": st.column_config.MarkdownColumn(
18+
"Description",
19+
help="Markdown formatted text",
20+
width="large",
21+
),
22+
},
23+
hide_index=True,
24+
)

0 commit comments

Comments
 (0)