Lit-book NPM | npm.io

Lit Book

Add Facebook Page Plugin to your site as Web Component

First, install the library in your project by npm:

$ npm install lit-book

Or Yarn:

$ yarn add lit-book

Connect libary with project using script tag in HTML:

<script type="module" src="/path/to/lit-book.js"></script>

ES6 import:

import 'lit-book';

Name	Type	Default	Description	Available options
href	string		Facebook site URL	e.g: `https://www.facebook.com/facebook`
tabs	string	`timeline`	Type of data to display	`timeline`, `messages`, `events`
width	number	`340`	Container width	min. `180`, max. `500`
height	number	`500`	Container height	min. `70`
smallHeader	boolean	`false`	Display small header	`true` (small), `false` (big)
adaptContainerWidth	boolean	`true`	Adapt container width to wrapper size	`true` (enable), `false` (disable)
hideCover	boolean	`false`	Hide page background image	`true` (hide), `false` (show)
showFacepile	boolean	`true`	Show users facepiles	`true` (show), `false` (hide)
language	string	`en_EN`	Set frame language	language code
fluidFrame	boolean	`true`	Update frame size after window resize	`true` (enable), `false` (disable)

<lit-book
  href="https://www.facebook.com/facebook"
  tabs="messages, events"
  width="384"
  smallHeader="true"
></lit-book>

5 years ago