granite-dynamic-element

WebJar for granite-dynamic-element

License

License

MIT
GroupId

GroupId

org.webjars.bowergithub.lostinbrittany
ArtifactId

ArtifactId

granite-dynamic-element
Last Version

Last Version

1.0.0
Release Date

Release Date

Type

Type

jar
Description

Description

granite-dynamic-element
WebJar for granite-dynamic-element
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/LostInBrittany/granite-dynamic-element

Download granite-dynamic-element

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.lostinbrittany/granite-dynamic-element/ -->
<dependency>
    <groupId>org.webjars.bowergithub.lostinbrittany</groupId>
    <artifactId>granite-dynamic-element</artifactId>
    <version>1.0.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.lostinbrittany/granite-dynamic-element/
implementation 'org.webjars.bowergithub.lostinbrittany:granite-dynamic-element:1.0.0'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.lostinbrittany/granite-dynamic-element/
implementation ("org.webjars.bowergithub.lostinbrittany:granite-dynamic-element:1.0.0")
'org.webjars.bowergithub.lostinbrittany:granite-dynamic-element:jar:1.0.0'
<dependency org="org.webjars.bowergithub.lostinbrittany" name="granite-dynamic-element" rev="1.0.0">
  <artifact name="granite-dynamic-element" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.lostinbrittany', module='granite-dynamic-element', version='1.0.0')
)
libraryDependencies += "org.webjars.bowergithub.lostinbrittany" % "granite-dynamic-element" % "1.0.0"
[org.webjars.bowergithub.lostinbrittany/granite-dynamic-element "1.0.0"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bowergithub.polymer : polymer jar [1.9,3)

Project Modules

There are no modules declared in this project.

Published on Vaadin  Directory Stars on vaadin.com/directory 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>

Demo

https://lostinbrittany.github.io/granite-dynamic-element/components/granite-dynamic-element/demo/index.html

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

Versions

Version
1.0.0