Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/juicy/juicy-iframe
custom element that lets you stamp inline or external HTML into an iframe. It also provides simple data binding, that works for native JS/HTML as well as for Polymer's dom-bind
https://github.com/juicy/juicy-iframe
plain-js
Last synced: 11 days ago
JSON representation
custom element that lets you stamp inline or external HTML into an iframe. It also provides simple data binding, that works for native JS/HTML as well as for Polymer's dom-bind
- Host: GitHub
- URL: https://github.com/juicy/juicy-iframe
- Owner: Juicy
- License: mit
- Created: 2015-09-02T15:54:05.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-24T08:05:29.000Z (over 7 years ago)
- Last Synced: 2024-09-26T09:26:26.640Z (about 2 months ago)
- Topics: plain-js
- Language: HTML
- Homepage: http://juicy.github.io/juicy-iframe/examples/index.html
- Size: 9.77 KB
- Stars: 6
- Watchers: 12
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
<juicy-iframe>
==============
`` is a custom element that lets you stamp inline or external HTML into an iframe.
It also provides simple data binding, that works for native JS/HTML as well as for Polymer's `dom-bind`.
## Demo/Examples
[Check it live!](http://juicy.github.io/juicy-iframe/examples/index.html)
## Install
Install the component using [Bower](http://bower.io/):
```sh
$ bower install juicy-iframe --save
```
Or [download as ZIP](https://github.com/Juicy/juicy-iframe/archive/master.zip).
## Usage
1. Import Web Components' polyfill, if needed:
```html
```
2. Import Custom Element:
```html
<link rel="import" href="bower_components/juicy-iframe/juicy-iframe.html">
```
3. Start using it!
```html
<template is="juicy-iframe" content="./your/partial.html"></template>
```
## Options/Attributes
Attribute | Options | Default | Description
--- | --- | --- | ---
`content` | *String* | `""` | Safe HTML code, or path (starts with `/` or `./`) to partial to be loaded.
`model` | *String* or *Object* | `undefined` | Data model to attach to stamped iframe.
## [Contributing and Development](CONTRIBUTING.md)
## History
For detailed changelog, check [Releases](https://github.com/Juicy/juicy-iframe/releases).
## License
MIT