React iframe full#
React iframe code#

If none are specified, it will fall back to a default size appropriate for the given social media platform. The default placeholder will size itself according to the width and/or height you specify for the embed. You can disable the placeholder with the placeholderDisabled prop. If you do not specify a placeholder via the embedPlaceholder prop, a default PlaceholderEmbed placeholder component will be used. Import from 'react-social-media-embed' Ī placeholder is shown while loading. Then use the height and width shown for the post you'd like to embed. by the post and select 'Get Pin embed code'.

React iframe code#

These have been pre-calculated in the iframe embed code provided by Pinterest for the post. It is recommended that you specify the width and height of the post. The URL must contain the pin ID, in the format pin/1234567890123456789.

React iframe full#

See below for determining the correct width and height to use.įor a live example and more options, read the full documentation for PinterestEmbed. You can specify a height if you'd like to adjust how much of the pin is vertically shown. This will display the Pinterest embed centered with a width of 345. Installation npm i react-social-media-embed Maybe even a virtual fist bump if you're feeling extra cool. Your support helps keep the project going and will earn you some serious virtual high fives. I hope this project makes your life a little easier! If it does and you'd like to show your appreciation, consider supporting the project with a coffee or sponsorship.

If embedding fails, it automatically retries using a configurable retry delay.

Each embed supports all div props and provides additional options, such as a placeholder.

Give the embeds a try and play with their props using live examples.

Embed content quickly and easily for the most popular social media platforms.

No API token is needed.Ĭurrently supporting: Facebook, Instagram, LinkedIn, Pinterest, TikTok, Twitter, and YouTube. OverviewĮasily embed content from several popular social media platforms in React.Īll embeds only require a URL to the post. Easily embed social media posts from Facebook, Instagram, LinkedIn, Pinterest, TikTok, Twitter, and YouTube in React.