unstyled-web-components
v0.0.85
Published
[Find the docs here](https://hesxenon.gitlab.io/unstyled-web-components/)
Downloads
100
Readme
Unstyled Web Components
A repository of web components that don't use the
shadow dom and can thusly be easily styled.
For examples please see the index.html in the respective components folders.
If you want to see the components live you'll just have to download this repo
, run bun dev and go to localhost:3000.
Usage
In Browser
load uwc by adding this to your htmls <head>:
<!-- defer is necessary if you serve some uwc component along with the full html -->
<script
defer
src={`https://unpkg.com/unstyled-web-components@${version}/dist/index.js`}
></script>
<!-- default styling, i.e. the "user agent stylesheet". I'd recommend including this. -->
<link
rel="stylesheet"
href={`https://unpkg.com/unstyled-web-components@${version}/dist/index.css`}
/>Locally, for development
Include an ambient import as close to your entrypoint as possible. Depending on your final configuration you should not forget to externalize this dependency.
import "unstyled-web-components";Integrating with React
react <19
You'll have to create a wrapper for each component. TODO: Blog Article Link here