Provide a way to pass info to web page and/or web component
Sometimes we want an html document or dynamic HTML stream to wear two hats -- It can serve both as a standalone "page", but also serve as a web component embedded inside a larger "uber-app." xtal-eyes provides a way of handling both scenarios. In particular, it provides a conduit through which string properties can be passed.
xtal-eyes searches for a web component container first (based on Shadow DOM root or tag name with a dash). If it finds such a container, it monitors for the specified attribute mutations on that element, and emits an event, "params-changed." If it finds no such containing element, it monitors the location.search parameters for changes, and emits a similar event when they change.
<xtal-eyes params='["param1", "param2"]'></xtal-eyes>
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.
- MIT License
- Browser Independent