@huluvu424242/honey-webcomponents

honey-webcomponents

This is a suite of honey-webcomponents to deliver as an bundle.

installation

npm install --save honey-webcomponents

usage

<script 
    type="module" 
    src='https://unpkg.com/@huluvu424242/honey-webcomponents@0.0.1/dist/honey-webcomponents/honey-webcomponents.js'>
</script>

To the demo site

Vision of API (under construction)

demo

<honey-speaker textids="text1,text2"></honey-speaker>
<p id="text1">fizz fizz fizz fizz</p>
<p id="text2">buzz buzz buzz buzz</p>

To the live demo

become an supporter

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

releaselog

v0.0.XX unpublished

• bug and feature description

v0.0.1 published at 2021-01-12

• honey-speaker added

internet links

• https://auth0.com/blog/creating-web-components-with-stencil/
• https://www.twilio.com/blog/2018/02/creating-and-publishing-web-components-with-stencil.html
• https://stenciljs.com/docs/introduction
• https://css-tricks.com/styling-a-web-component/
• https://meowni.ca/posts/part-theme-explainer/

warranty

no warranty

license

MIT License

technology used

• Web Speech API
• Custom Elements
• CSS Custom Properties
• Shadow Parts

browser support

Web Speech API

Firefox

Maybe you must via about:config set media.webspeech.synth.enabled to true

Generell

• Can I use with browsers?

Custom Elements

• Can I use with browsers?

CSS Custom Properties

• Can I use with browsers?

Shadow Parts

Firefox

Maybe you must via about:config set the layout.css.shadow-parts.enabled to true.

Generell

• Can I use with browsers?