Contact us Create app

Directory

← Back

granite-dynamic-element

A native web component to dynamically generate web components

Author

Rating

Links

Popularity

<100

[ This description is mirrored from README.md at github.com/LostInBrittany/granite-dynamic-element on 2019-05-10 ]

Published on webcomponents.org

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>

Install

Install the component using Bower:

$ bower install LostInBrittany/granite-dynamic-element --save

Or download as ZIP.## Usage

  1. Import Web Components' polyfill (if needed):

    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

  2. Import Custom Element:

    <link rel="import" href="bower_components/granite-dynamic-element/granite-dynamic-element.html">

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

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

MIT License

Compatibility

(Loading compatibility data...)

Last updated: 2017-07-04

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#1.9 - 2
Released
2017-07-04
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

granite-dynamic-element - Vaadin Add-on Directory

A native web component to dynamically generate web components granite-dynamic-element - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/LostInBrittany/granite-dynamic-element](https://github.com//LostInBrittany/granite-dynamic-element/blob/1.0.0/README.md) on 2019-05-10 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/LostInBrittany/granite-dynamic-element) # granite-dynamic-element > A native web component to dynamically generate web components ## Usage example ```html ``` ## Install Install the component using [Bower](http://bower.io/): ```sh $ bower install LostInBrittany/granite-dynamic-element --save ``` Or [download as ZIP](https://github.com/LostInBrittany/granite-dynamic-element/archive/gh-pages.zip).## Usage 1. Import Web Components' polyfill (if needed): ```html ``` 2. Import Custom Element: ```html ``` 3. Start using it! ```html ``` ## 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 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -m 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## License [MIT License](http://opensource.org/licenses/MIT)
View on GitHub
GitHub Homepage
Issue tracker
Online Demo
Documentation

granite-dynamic-element version 1.0.0
### Dependencies * polymer#Polymer/polymer#1.9 - 2

Online