1.0.17 • Published 2 years ago

@fireflysemantics/fs-gist v1.0.17

Weekly downloads
19
License
MIT
Repository
github
Last release
2 years ago

fs-gist

Web component for embedding gists in html content

Installation

npm i @fireflysemantics/fs-gist

Usage

Include fs-gist via CDN like this in your html page:

<script src="https://unpkg.com/@fireflysemantics/fs-gist"></script>

To show this gist url:

https://gist.github.com/fireflysemantics/054716730103cd205c39167054542f68

configure the component gistURL like this:

<body style="height: 100vh;">
  <fs-gist gistURL="https://gist.github.com/fireflysemantics/054716730103cd205c39167054542f68">
  </fs-gist>
</body>

or configure the component gistID like this:

<body style="height: 100vh;">
  <fs-gist gistID="fireflysemantics/054716730103cd205c39167054542f68">
  </fs-gist>
</body>

Note that we set the height of the body to 100vh in order to allow fs-gist to expand.

A height property is also supported. For example:

<body style="height: 100vh;">
  <fs-gist height="10rem" gistID="fireflysemantics/054716730103cd205c39167054542f68">
  </fs-gist>
</body>

Stackblitz Demo

Development

Baseline

The project baseline is based on the Lit Element Typescript Starter Project.

Package

This project uses the build configuration from the rollup starter app as well as the rollup.config.js example configuration found in the Lit Element Typescript Starter Project.

1.0.17

2 years ago

1.0.15

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago