lit-book

Lit Book

About

Add Facebook Page Plugin to your site as Web Component

How to Install

First, install the library in your project by npm:

$ npm install lit-book

Or Yarn:

$ yarn add lit-book

Getting Started

Connect libary with project using script tag in HTML:

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

ES6 import:

import 'lit-book';

Props

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)

Example

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

License

This project is licensed under the MIT License © 2019-present Jakub Biesiada