# Responsive embed ResponsiveEmbed

Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device.

You don't need to include frameborder="0" in your iframes.

Either 16by9 or 4by3 aspect ratio via a16by9 or a4by3 attribute must be set.

# Anchor Thumbnail

Creates an anchor wrapping an image.


            const responsiveEmbedInstance = (
              <div style={{width: 660, height: 'auto', overflow: 'auto'}}>
                <ResponsiveEmbed a16by9>
                  <embed type="image/svg+xml" src="/imgs/app/TheresaKnott_castle.svg" />
                </ResponsiveEmbed>
              </div>
            );

            
          

# Props

NameTypeDefaultDescription
bsClassstring'embed-responsive'Base CSS class and prefix for the component. Generally one should only change bsClass to provide new, non-Bootstrap, CSS styles for a component.
a16by9booleanfalse16by9 aspect ratio
a4by3booleanfalse4by3 aspect ratio
children requiredelementThis component accepts only one child element