Open ChasexCodex opened 2 years ago
same issue here
.mylist ul { list-style: initial; margin: initial; padding: 0 0 0 40px; } .mylist ul li { display: list-item; }
.mylist ol { list-style-type:decimal; margin: initial; padding: 0 0 0 40px; }
.mylist ol li { display: list-item; }
this works for me
<ReactMarkdown style={{ all: "revert" }} className="markdown-body"
components={{
ol: ({ node, ...props }) => <ol style={{ listStyle: "revert" }} {...props} />,
ul: ({ node, ...props }) => <ul style={{ listStyle: "revert" }} {...props} />,
}} >
{markdown}
</ReactMarkdown>
The default decoration for lists (ordered and unordered) is not included.