https://github.com/capaj/react-tweet-embed

react component which takes a tweet id in props and you'll get a tweet embed rendered once the twitter clientside API loads, nothing more
https://github.com/capaj/react-tweet-embed

hacktoberfest react reactjs twitter

Last synced: about 8 hours ago
JSON representation

react component which takes a tweet id in props and you'll get a tweet embed rendered once the twitter clientside API loads, nothing more

• Host: GitHub
• URL: https://github.com/capaj/react-tweet-embed
• Owner: capaj
• License: mit
• Created: 2016-02-01T18:50:44.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2023-03-28T05:59:46.000Z (almost 2 years ago)
• Last Synced: 2025-01-04T08:29:08.038Z (7 days ago)
• Topics: hacktoberfest, react, reactjs, twitter
• Language: TypeScript
• Homepage:
• Size: 1.63 MB
• Stars: 165
• Watchers: 5
• Forks: 30
• Open Issues: 9
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-tweet-embed

## Install

```

npm i react-tweet-embed

```

## Quickstart [![Edit react-tweet-embed](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/74rn3r9k0?fontsize=14)

```tsx

import React from 'react'

import TweetEmbed from 'react-tweet-embed'

export const App = () => {

  return 

}

```

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`.

## Props

### `placeholder`

Text to be shown while the tweet is loading:

```html

```

### `options`

Key-value pairs from the [embedded tweet parameter reference](https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference):

```html

```