react-tweet-embed

react component that takes tweet id in props and renders tweet embed, nothing more

Usage no npm install needed!

<script type="module">
  import reactTweetEmbed from 'https://cdn.skypack.dev/react-tweet-embed';
</script>

README

react-tweet-embed

Install

npm i react-tweet-embed

Quickstart Edit react-tweet-embed

import React from 'react'
import TweetEmbed from 'react-tweet-embed'

export const App = () => {
  return <TweetEmbed tweetId="692527862369357824" />
}

You don't have to put //platform.twitter.com/widgets.js script in your index.html as this lib will put it there if twttr is not found on window.

Using Options

<TweetEmbed tweetId='783943172057694208' options={{cards: 'hidden' }}/>
<TweetEmbed tweetId='771763270273294336' options={{theme: 'dark' }}/>

Embedded-Tweet Options Reference:
https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference