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](https://global.discourse-cdn.com/business7/uploads/plot/original/3X/9/6/96ae7254ab5801b9b910ba3e66d61b0b7302ee9e.png)
Hi @skm_dash and welcome to the Dash community ![:slight_smile: :slight_smile:](https://emoji.discourse-cdn.com/twitter/slight_smile.png?v=12)
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: :smiley:](https://emoji.discourse-cdn.com/twitter/smiley.png?v=12)
1 Like