@agney/og-image-element

0.2.3 • Public • Published

<og-image-element>

To be used with Open Graph Generator Image Action

Screenshot

This webcomponent follows the open-wc recommendation.

Installation

npm i og-image-element

Usage

<script type="module">
  import 'og-image-element/og-image-element.js';
</script>

<og-image-element>
  <div slot="title">Title of the Post</div>
  <img slot="image" src="url to image" />
</og-image-element>

You can customise styling with CSS variables:

og-image-element {
  --heading-font: 'Aleo', serif;
  --background: #ffffff;
  --font-color: #000000;
  --font-size: 100%;
}

Testing using karma (if applied by author)

npm run test

Demoing using storybook (if applied by author)

npm run storybook

Linting

npm run lint

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
0.2.30latest

Version History

VersionDownloads (Last 7 Days)Published
0.2.30
0.2.20
0.2.10
0.2.00
0.1.10
0.1.00
0.0.10

Package Sidebar

Install

npm i @agney/og-image-element

Weekly Downloads

0

Version

0.2.3

License

MIT

Unpacked Size

1.73 MB

Total Files

29

Last publish

Collaborators

  • agney