Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pie-framework/embed-pivot
embed pivot custom element
https://github.com/pie-framework/embed-pivot
Last synced: about 1 month ago
JSON representation
embed pivot custom element
- Host: GitHub
- URL: https://github.com/pie-framework/embed-pivot
- Owner: pie-framework
- Created: 2021-11-15T15:00:51.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-06-10T08:18:30.000Z (over 2 years ago)
- Last Synced: 2024-12-18T14:51:16.708Z (about 2 months ago)
- Language: TypeScript
- Size: 119 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Embed pivot
A very simple custom element that renders a pivot iframe.
### Install
```shell
yarn
```
### Run
```shell
yarn esbuild src/embed-pivot.ts --servedir=. --outdir=lib --bundle
```
Then go to: http://localhost:8000/dev/
### Release
`yarn release`
#### release from local machine
```
yarn build
yarn semantic-release --no-ci
```
## Attributes
| Attribute | Description
| ------------------------ | -----------------------------------------------------------
| data-url | the url to load that contains an element definition
| data-tag | the tag name to use for the newly defined custom element
| data-height | OPTIONAL: the height for the video
| data-width | OPTIONAL: the width for the video
| data-min-height | OPTIONAL: the minimum height for the video
| data-max-height | OPTIONAL: the maximum height for the video
| data-min-width | OPTIONAL: the minimum width for the video
| data-max-width | OPTIONAL: the maximum width for the video
## Usage
```html
```
OR
```html
```
For any page that needs to run pie-embed, you have to load pie-api-components@>=2.2.1. This page:
```shell script
```