twitter-status - Vaadin Add-on Directory
Twitter Status Web Component
<twitter-status>
====
[](https://npmjs.com/package/twitter-status)
[](https://circleci.com/gh/abraham/twitter-status)
[](https://travis-ci.org/abraham/twitter-status)
[](https://ci.appveyor.com/project/abraham/twitter-status)
[](https://david-dm.org/abraham/twitter-status)
Twitter Status Web Component
Examples
----
[Live demo](https://codepen.io/abraham/pen/eyLLWy)
Base example
Example with attached image
Example with hyperlinked hashtags/mentions/URLs and links colored from profile settings.
Install
----
Load directly from unpkg:
```html
```
Or installed as a dependency:
```sh
npm install twitter-status
```
And imported:
```js
import 'twitter-status';
```
Polyfill
----
twitter-status relies on the [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM) and [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) standards. You will likely need a [polyfill](https://github.com/webcomponents/webcomponentsjs) until browser support is more ubiquitous.
Polyfills can be loaded via unpkg directly.
```html
```
Or installed as a dependency:
```sh
npm install @webcomponents/webcomponentsjs
```
And imported:
```js
import '@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce';
```
Usage
----
<twitter-status> takes a single value `status` that must be the full response of [GET statuses/show/:id](https://developer.twitter.com/en/docs/tweets/post-and-engage/api-reference/get-statuses-show-id) with the parameters `include_entities=true` and `tweet_mode=extended`.
You can embed the tweet in the HTML as a JSON string:
```html