The "img" slot on <b-card> component doesn't render associated image
See original GitHub issueI am using <b-card>
component with an image and some text. Here is my original markup:
<b-card
...
img-src="some_url">
<p>
some text
</p
</b-card>
it works fine, but when I try moving image into a separate slot like this:
<b-card
...>
<div slot="img">
<img src="some_url"/>
</div>
<p>
some text
</p
</b-card>
it doesn’t render the image, only text and other content that I omitted in this example.
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Bootstrap-Vue card component image doesn't render
However, I cannot seem to get the image to show when I use the b-card with the img attribute. Here is the documentation...
Read more >Picture perfect images with the modern <img> element
Hovering over an image in the Chrome DevTools Elements panel will display the dimensions of the image as well as the image's intrinsic...
Read more >Image component
v-img has a special placeholder slot for placeholder to display while image's loading. Note: the example below has bad src which won't load...
Read more >How to Use the Vuetify Image Component
In this article, we're going to learn how to display an image in Vuetify with the v-img component. Subscribe to Coding Beauty Newsletter....
Read more >lightning-card - documentation
Cards apply a container around a related grouping of information. ... Use the actions slot to pass content such as lightning-button-icon or lightning-button ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This should ideally be in the docs
The
img
slot was only in the alpha branch (pre version 1.0.0.beta)