<mr-img>

The <mr-img> tag is used to embed an image in an MRjs page.

Example


                    
                        
                        
                            
                            A Humpback whale breaching the water


                    mr-panel {
                      display: block;
                      align-items: center;
                      justify-content: center;
                      width: 100vw;
                      height: 100vh;
                    }
                    mr-text {
                      align-self: center;
                      width: 100vw;
                    }
                    mr-img {
                      position: absolute;
                      align-self: center;
                      object-fit: cover;
                    }

Definition and Usage

Images are not technically inserted into a web page; images are linked to web pages. The <mr-img> tag creates a holding space for the referenced image.

The <mr-img> tag has two required attributes:

src - Specifies the path to the image
alt - Specifies an alternate text for the image, if the image, for some reason, cannot be displayed, or if the user uses a screen reader.