Repository navigation
should not use div wrapper #115
Description
When i use the component in markdown or mdx, the generated codes a bit like:
<p>
<div class="rc-image" style="width: 200px;">
<img class="rc-image-img" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
</div>
</p>However, the P element represents a paragraph. It cannot contain block-level elements (including P itself).
Activity
rickyzhangca commentedon Mar 21, 2022
another downside of the current wrapper handling is that the classnames are trapped on the
<img>instead of transferred to the wrapper, so the styling is difficult - especially if you use tailwindcss, you'll need to add another wrapper yourselfafc163 commentedon Aug 8, 2022
How about adding a
component="div"for customization?AoDev commentedon Aug 28, 2025
Old issue. Started to use rc-image. Got the same problem. It's problematic for layouts. I'm not digging into the code. From a naive point of view, I don't see a reason for this.