Is there a way to put an html.Button in dcc.Markdown that can trigger a callback when it is clicked?

You can’t exactly put an ‘html.Button()’ exactly inside markdown, but you can get pretty close. You can make the markdown itself clickable surrounding it with a html.Div() and triggering a callback the div’s n_clicks property. from dash import Dash, html, Input, Output, callback, dcc app = Dash() …

You could do something like this: import dash from dash import dcc, html, Input, Output, State app = dash.Dash(__name__) app.layout = html.Div( id="main_container", style={ 'maxWidth': '800px', 'margin': 'auto', 'padding': '20px', 'backgroundColor': '#f9f9f…

Here’s yet another example - This one adds a dcc.Clipboard to the dcc.Markdown component and allows you to copy the content of the dcc.Markdown without even having to use a callback! The example " Clipboard Icon inside a Scrollable Div" is on this page Clipboard | Dash for Python Documen…

Ha! Didn’t know about the clipboard component. It sure has been quite some while that I developed something serious in dash…

Thanks for all of the suggestions. I will play around with them. Maybe I should explain my use case. I have a very large app with many pages. In my header on each page I have a Help button. The help button triggers a modal with a markdown that I fill with different markdown help depending on th…

The Dash Yadda might work well here! Adding a dropdown to select the videos would be the easiest solution, Another option is create the content with other dash components rather than using dcc.Markdown for full control over the layout and content.

[image] AnnMarieW: Another option is create the content with other dash components rather than using dcc.Markdown for full control over the layout and content. That’s what I was referring to, but you found better words for it :slight_smile:

Hello @Brent , If your heart is set on Markdown, you can add your own eventlistener to the Markdown when it is displayed. You could capture the link that was clicked on and display it into a modal and stop the bubbling/propagation depending upon what was clicked.

There is just one markdown. I just fill the contents of the markdown based on the page the user is on.

How to trigger html.Button in dcc.Markdown

Dash Python

AIMPED October 6, 2025, 4:54pm 7

Not sure if I understand this correctly, but if you render a different markdown for each help, you could add the button there?

Another thing that came to my mind:

Topic		Replies	Views
Stylize markdown using a callback function Dash Python	8	1063	January 21, 2021
html.Button - Adding a click event Dash Python	8	37133	July 5, 2021
dcc.Markdown dangerously_allow_html inline styling Dash Python	1	2101	August 19, 2022
Dash html button on return Dash Python	1	389	July 24, 2023
html.Button on dcc Document Dash Python	0	219	June 8, 2019

How to trigger html.Button in dcc.Markdown

Related topics