Simple React components for social (Facebook, Google, VKontakte, Pinterest ...) buttons and counts.
npm install react-social --save
import { FacebookButton, FacebookCount } from "react-social";
class App extends Component {
render {
let url = "https://github.com";
return (
<FacebookButton url={url}>
<FacebookCount url={url} />
{" Share " + url}
</FacebookButton>
);
}
}
WARNING: GooglePlusCount
, TwitterCount
and PocketCount
uses the
donreach API which has a limit
of 1000 request per day, if you have an alternative please do not hesitate
to make a PR
- FacebookCount
- TwitterCount
- GooglePlusCount
- PinterestCount
- LinkedInCount
- RedditCount
- VKontakteCount
- TumblrCount
- PocketCount
Change the element the component renders into, default is span
.
The url you want to get the count of, default is window.location
.
Callback for when the count is updated. Callback takes one argument count
.
Return the social count.
- FacebookButton
- TwitterButton
- GooglePlusButton
- PinterestButton
- LinkedInButton
- RedditButton
- VKontakteButton
- EmailButton
- XingButton
- TumblrButton
- PocketButton
Change the element the component renders into, default is button
.
The url you want to share, default is window.location
.
The target you want to open, default is _blank
.
- TwitterButton
- FacebookButton
- XingButton
- TumblrButton
- PocketButton
- PinterestButton (required)
A message that's prepended before the url.
- PinterestButton (required)
Url of an image.
- FacebookButton
Facebook app id.
There are no styles included, the components pass all their props down
to their element like className
and style
so you can easily style
them yourself.
- When rendered server side counts will be 0 since they depend on JSONP.
GooglePlusCount
,TwitterCount
andPocketCount
uses the donreach API which has a limit of 1000 requests per day.
- Ola Holmström (@olahol)
- Alexandr Sugak (@AlexSugak)
- Jon Principe (@jprincipe)
- Jean-Baptiste Quenot (@jbq)
- Kurt Weiberth (@kweiberth)
- Bartek Gruszka (@bartekgruszka)
- Josh Owens (@queso)
- Maxime Mezrahi (@maxs15)
- Arvin Tehrani (@arvinkx)
- Dennis Stücken (@dstuecken)
- Jonas (@jonashaefele)
MIT Licensed