@jasonshimmy/cer-material 0.1.2 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -0
- package/dist/cer-material.iife.js +5517 -0
- package/dist/cer-material.iife.js.map +1 -0
- package/package.json +3 -1
- package/dist/vite.svg +0 -1
package/README.md
CHANGED
|
@@ -29,6 +29,34 @@ Components use Material Symbols and Roboto. Add both to your HTML `<head>`:
|
|
|
29
29
|
|
|
30
30
|
---
|
|
31
31
|
|
|
32
|
+
## CDN / No build tool
|
|
33
|
+
|
|
34
|
+
A self-contained IIFE bundle (runtime included) is available for use without a bundler — ideal for CodePen, JSFiddle, plain HTML files, or any environment where you just want a `<script>` tag.
|
|
35
|
+
|
|
36
|
+
Add the fonts and a single script to your HTML `<head>`:
|
|
37
|
+
|
|
38
|
+
```html
|
|
39
|
+
<!-- Fonts -->
|
|
40
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
41
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
42
|
+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet" />
|
|
43
|
+
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,0&display=swap" rel="stylesheet" />
|
|
44
|
+
|
|
45
|
+
<!-- cer-material (runtime included) -->
|
|
46
|
+
<script src="https://cdn.jsdelivr.net/npm/@jasonshimmy/cer-material/dist/cer-material.iife.js"></script>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
All components are registered automatically once the script loads — no `import` needed:
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<md-button variant="filled" label="Save"></md-button>
|
|
53
|
+
<md-text-field label="Email" type="email"></md-text-field>
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
> **Note:** The IIFE bundle includes the runtime (~78 kB gzip). If you are also using `@jasonshimmy/custom-elements-runtime` directly in the same page, be aware the runtime will be loaded twice.
|
|
57
|
+
|
|
58
|
+
---
|
|
59
|
+
|
|
32
60
|
## Quick start
|
|
33
61
|
|
|
34
62
|
```ts
|