lit-book

Web component allows you to add Facebook page plugin to your site

Usage no npm install needed!

<script type="module">
  import litBook from 'https://cdn.skypack.dev/lit-book';
</script>

README

Lit Book

NPM version NPM downloads

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