# react-tweet-embed

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

Latest version **2.0.0** (published 2022-02-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-tweet-embed
pnpm add react-tweet-embed
yarn add react-tweet-embed
bun add react-tweet-embed
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2022-02-21 |
| First published | 2016-02-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 320.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 165 |
| Author | capajj@gmail.com |
| Maintainers | capaj |

## Links

- npm: https://www.npmjs.com/package/react-tweet-embed
- Repository: https://github.com/capaj/react-tweet-embed
- Homepage: https://github.com/capaj/react-tweet-embed#readme
- Issues: https://github.com/capaj/react-tweet-embed/issues
- npm.io page: https://npm.io/package/react-tweet-embed

## Recent versions

- 2.0.0 (latest) — 2022-02-21
- 1.3.1 — 2021-10-05
- 1.3.0 — 2021-09-22
- 1.2.2 — 2019-03-26
- 1.2.1 — 2019-03-26
- 1.2.0 — 2019-03-26
- 1.1.1 — 2018-08-06
- 1.1.0 — 2018-02-03
- 1.0.8 — 2017-08-31
- 1.0.7 — 2017-07-17
- 1.0.6 — 2017-05-11
- 1.0.5 — 2017-03-31
- 1.0.4 — 2017-03-18
- 1.0.3 — 2016-12-09
- 1.0.2 — 2016-11-14
- … 2 more at https://npm.io/package/react-tweet-embed/versions

## 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 <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

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

---
_Source: https://npm.io/package/react-tweet-embed · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
