granite-dynamic-element
A native web component to dynamically generate web components
Usage example
<granite-dynamic-element name="h1" slot="Hello my friend!" attr1="passed to child" another-random-attribute="also passed to child">
</granite-dynamic-element>
<granite-dynamic-element name="a" slot="Link to granite-dynamic-element GitHub" href="https://github.com/LostInBrittany/granite-dynamic-element">
</granite-dynamic-element>
Demo
Install
Install the component using Bower:
$ bower install LostInBrittany/granite-dynamic-element --save
Or download as ZIP.## Usage
-
Import Web Components' polyfill (if needed):
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
-
Import Custom Element:
<link rel="import" href="bower_components/granite-dynamic-element/granite-dynamic-element.html">
-
Start using it!
<granite-dynamic-element name="a" slot="Link to granite-dynamic-element GitHub" href="https://github.com/LostInBrittany/granite-dynamic-element"> </granite-dynamic-element>
Attributes
Attribute | Type | Default | Description |
---|---|---|---|
name |
String | none |
The child element name (either native or web component) |
slot |
String | '' |
The child element inner HTML |
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D