angular-social-plugins

Social network plugins directive built with AngularJs

Usage no npm install needed!

<script type="module">
  import angularSocialPlugins from 'https://cdn.skypack.dev/angular-social-plugins';
</script>

README

Angular Social Plugins

npm version dependencies Status badge devDependency Status badge Downloads Downloads

Install

Install the component using NPM:

$ npm install --save angular-social-plugins

Usage

Initialise module

import AngularSocialPlugins from 'angular-social-plugins';

angular.module('app', [
  AngularSocialPlugins
]);

Use it in html

FB Comments

<fb-comments
  app-id="xxxxxxxxxxxxxxx"
  href="https://www.facebook.com/dopeyones/"
  colorscheme="light"
  locale="en_US"
  mobile="false"
  numposts="10"
  orderBy="social"
  version="v3.1"
  width="550"
  xfbml="true"></fb-comments>

FB Group

<fb-group
  app-id="xxxxxxxxxxxxxxx"
  href="https://www.facebook.com/groups/ayearofrunning/"
  locale="en_US"
  showSocialContext="true"
  showMetadata="false"
  version="v3.1"
  width="280"
  skin="light"
  xfbml="true"></fb-group>

FB Like

<fb-like
  app-id="xxxxxxxxxxxxxxx"
  href="https://developers.facebook.com/docs/plugins/"
  action="like"
  layout="standard"
  share="true"
  showFaces="true"
  size="large"
  xfbml="true"></fb-like>

FB Page

<fb-page
  app-id="xxxxxxxxxxxxxxx"
  href="https://www.facebook.com/dopeyones/"
  adaptContainerWidth="true"
  height="500"
  hideCta="false"
  hideCover="false"
  locale="en_US"
  showFacepile="true"
  smallHeader="false"
  tabs="['timeline']"
  version="v3.1"
  width="340"
  xfbml="true"></fb-page>

FB Quote

<fb-quote
  app-id="xxxxxxxxxxxxxxx"
  locale="en_US"
  version="v3.1"
  xfbml="true"></fb-quote>

FB Save

<fb-save
  app-id="xxxxxxxxxxxxxxx"
  uri="https://www.instagram.com/facebook/"
  locale="en_US"
  size="large"
  version="v3.1"
  xfbml="true"></fb-save>

FB Share

<fb-share
  app-id="xxxxxxxxxxxxxxx"
  uri="https://developers.facebook.com/docs/plugins/"
  layout="button_count"
  locale="en_US"
  size="large"
  version="v3.1"
  xfbml="true"></fb-share>

FB Messenger

<fb-messenger
  app-id="xxxxxxxxxxxxxxx"
  page-id="xxxxxxxxxxxxxxx"
  xfbml="true"></fb-messenger>

License

MIT License