mdx-editor/editor

[BUG] No styling on block quote

Closed this issue · 0 comments

Just installed this today and it was very easy to get working and is a really smooth experience, awesome work. I'm just having a small issue with the quote styling that I don't understand.

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • I have read the documentation and cannot find an answer.

Describe the bug
Styling for quotes is not applied in my app, there is indentation but no italics, and no bar to the side like in the live demo. I can't see anything in the docs about adding extra styles here. I am just using the basic usage with the quotePlugin (see reproduction below). Is this expected?

On the live demo there is a section of styling that is applied to the blockquote that gives it the italics and left border:
image

These styles are not applied to my quotes. Is there something else I have to do to get them to show up?

Reproduction
Reproduction here

To Reproduce
Go to reproduction and check code and preview. Code shows markdown with quote block, preview shows markdown with quote block but missing styling.

Expected behavior
The quote block should include some styling like italic font-style and left-border to make clear it is a quote, like in the live demo (https://mdxeditor.dev/editor/demo)

Screenshots
Reproduction quote block:
image
Live demo quote block:
image

Desktop (please complete the following information):

  • OS: MacOS
  • Browser: Brave