Skip to content

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

License

Notifications You must be signed in to change notification settings

Juicy/juicy-iframe

Repository files navigation

<juicy-iframe>

<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!

Install

Install the component using Bower:

$ bower install juicy-iframe --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill, if needed:

    <script src="bower_components/webcomponentsjs/webcomponents.js">
  2. Import Custom Element:

    <link rel="import" href="bower_components/juicy-iframe/juicy-iframe.html">
  3. Start using it!

    <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.

History

For detailed changelog, check Releases.

License

MIT

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published