Dcc markdown block quote

When I use the following code, as available on dash user guide, I get the output without any block quotes. What could be causing it?

from dash import Dash, dcc

app = Dash(name)

app.layout = dcc.Markdown(‘’’
> Block quotes are used to highlight text.

if name == ‘main’:


Hi @skm_dash and welcome to the Dash community :slight_smile:

The dcc.Markdown component is correctly wrapping the content in a blockquote component - the issue is that there is no styling. You can specify how to style the block quotes by adding some CSS.

For example, you could add the following to a .css file in the /assets folder
more info here: Adding CSS & JS and Overriding the Page-Load Template | Dash for Python Documentation | Plotly

blockquote {
    border-left: 4px grey solid;
    background-color: whitesmoke;
    padding: 1rem;

Then it would display like this:

1 Like

Thank you so much @AnnMarieW. This was super helpful and thank you sharing the documentation. I am able to customize many other things now :smiley:

1 Like