Importing external .d.ts declarations for Web Components
Stack Overflow
SolidJS with Material 3 Web Components
Using SolidJS, how can I properly import the official Material 3 Web Components? e.g. https://github.com/material-components/material-web/blob/main/docs/components/tabs.md
My main issue so far has ...
3 Replies
For some reason your SO answer reminded me of this:
https://github.com/shoelace-style/shoelace/discussions/770#discussioncomment-2852125
GitHub
How to use in solid.js · shoelace-style shoelace · Discussion #770
Hi , How to use in solid.js , Is there an example. If it can be used in solid.js, it is really great
A bit similar, but it seems to be a better solution, prefixing all props.
Added to my answer in SO.
Is there some way to avoid having to use the
prop: prefix for each property?
Thanks.I believe that is just a limitation inherent to JSX.
Implicitly JSX maps the “props DSL syntax” for DOM elements to attributes while on JSX components “props” are mapped to, well, the
props argument.
To JSX WCs are “just DOM elements”.
So the prefix is necessary to escape the default behaviour so that you can make non-string values (via JS) to a WC instance.
https://discord.com/channels/722131463138705510/1196615191060811966/1198378161302421534