Dcc markdown block quote

Dash Python
1

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?

code:
from dash import Dash, dcc

app = Dash(name)

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

if name == ‘main’:
app.run(debug=True)

output:
image

2

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:

image
image1178×448 14.8 KB

1 Like
3

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