How to use a shoelace component within a lit component #2102
-
|
How does one use a shoelace component within a lit component. The issue seems to be that the global css styles are not applied, since the component has its own shadow-root, which is untouched by global stylesheets. Is this supported? Or is it documented somewhere? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
@bsmucker definitely supported, but you do need to import the global stylesheet to get the proper CSS variables. The global defined in "@shoelace-style/shoelace/dist/themes/light.css" will "pierce" the shadow DOM. |
Beta Was this translation helpful? Give feedback.
-
|
That worked. Thanks so much. |
Beta Was this translation helpful? Give feedback.
@bsmucker definitely supported, but you do need to import the global stylesheet to get the proper CSS variables.
The global defined in "@shoelace-style/shoelace/dist/themes/light.css" will "pierce" the shadow DOM.