98-components 0.1.1
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 +67 -0
- package/dist/98-components.js +1263 -0
- package/dist/98-components.umd.cjs +612 -0
- package/dist/style.css +1 -0
- package/package.json +30 -0
package/README.md
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
# 98-components
|
|
2
|
+
|
|
3
|
+
A modern Windows 98 UI component library built with Web Components (ES2022), with 98.css as its only dependency.
|
|
4
|
+
|
|
5
|
+
## Quick Start
|
|
6
|
+
|
|
7
|
+
### Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install 98-components
|
|
11
|
+
# or
|
|
12
|
+
pnpm add 98-components
|
|
13
|
+
# or
|
|
14
|
+
yarn add 98-components
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Basic Usage
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<!DOCTYPE html>
|
|
21
|
+
<html>
|
|
22
|
+
<head>
|
|
23
|
+
<script type="module">
|
|
24
|
+
import '98-components';
|
|
25
|
+
</script>
|
|
26
|
+
</head>
|
|
27
|
+
<body>
|
|
28
|
+
<win98-desktop>
|
|
29
|
+
<win98-window
|
|
30
|
+
title="My First Window"
|
|
31
|
+
resizable
|
|
32
|
+
style="top: 50px; left: 50px; width: 400px; height: 300px;">
|
|
33
|
+
<div class="window-body">
|
|
34
|
+
<p>Hello, Windows 98!</p>
|
|
35
|
+
</div>
|
|
36
|
+
</win98-window>
|
|
37
|
+
|
|
38
|
+
<win98-taskbar slot="taskbar"></win98-taskbar>
|
|
39
|
+
</win98-desktop>
|
|
40
|
+
</body>
|
|
41
|
+
</html>
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Development
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
# Install dependencies
|
|
48
|
+
pnpm install
|
|
49
|
+
|
|
50
|
+
# Start dev server
|
|
51
|
+
pnpm run dev
|
|
52
|
+
|
|
53
|
+
# Build library
|
|
54
|
+
pnpm run build
|
|
55
|
+
|
|
56
|
+
# Build test page
|
|
57
|
+
pnpm run build:test
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
## License
|
|
62
|
+
|
|
63
|
+
MIT
|
|
64
|
+
|
|
65
|
+
## Acknowledgments
|
|
66
|
+
|
|
67
|
+
* [98.css](https://github.com/jdan/98.css)
|