# 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>`:

```html
<!-- 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

```typescript
import "unstyled-web-components";
```
