1.0.2 β’ Published 4 years ago
emoji-element v1.0.2
emoji-element
Web Components & Custom Elements
- ufo-element / ufo-element-πΈ
- ghost-element / ghost-element-π»
- shit-element / shit-element-π©
usage
normal version
<ufo-element>πΈ</ufo-element>
<ghost-element>π»</ghost-element>
<shit-element>π©</shit-element>
emoji version
<ufo-element-πΈ>πΈ</ufo-element-πΈ>
<ghost-element-π»>π»</ghost-element-π»>
<shit-element-π©>π©</shit-element-π©>
π¦ Load it!
<!-- CDN -->
<script async type="module" src="https://unpkg.com/emoji-elements/src/index.js"></script>
<!-- npm -->
<script async type="module" src="/node_modules/emoji-elements/src/index.js"></script>
<!-- ES Module -->
<script type="module">
import '/node_modules/emoji-elements/src/index.js';
// ...
</script>
πͺ Use it!
<emoji-element text="π»πΈπ©" alt="Emoji Element">
<span slot="placeholder">π»πΈπ©</span>
</emoji-element>
live demo
<other-element></other-element>
<my-element></my-element>
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="paper-progress.html">
<style is="custom-style">
paper-progress {
display: block;
width: 100%;
margin: 20px 0;
}
</style>
<paper-progress indeterminate></paper-progress>
npm
https://www.npmjs.com/package/emoji-element