dishui 0.0.6 → 0.0.8
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 +33 -33
- package/dist/dishui.es.js +1269 -1091
- package/dist/dishui.umd.js +28 -28
- package/dist/types/src/index.d.ts +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
#
|
|
1
|
+
# DiShUI Component Library
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A React-based UI component library created through vibe coding.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
|
|
9
|
-
#
|
|
8
|
+
pnpm install dishui
|
|
9
|
+
# or
|
|
10
10
|
yarn add dishui
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## Usage
|
|
14
14
|
|
|
15
|
-
###
|
|
15
|
+
### Import Components and Styles
|
|
16
16
|
|
|
17
17
|
```tsx
|
|
18
18
|
import React from "react";
|
|
19
19
|
import { Button, Badge } from "dishui";
|
|
20
|
-
import "dishui/dist/dishui.css"; //
|
|
20
|
+
import "dishui/dist/dishui.css"; // Import style file
|
|
21
21
|
|
|
22
22
|
function App() {
|
|
23
23
|
return (
|
|
24
24
|
<div className="p-4">
|
|
25
|
-
<h1 className="text-2xl font-bold mb-4">DiShui UI
|
|
25
|
+
<h1 className="text-2xl font-bold mb-4">DiShui UI Examples</h1>
|
|
26
26
|
|
|
27
27
|
<div className="flex gap-2 mb-4">
|
|
28
|
-
<Button
|
|
29
|
-
<Button variant="primary"
|
|
30
|
-
<Button variant="secondary"
|
|
31
|
-
<Button variant="accent"
|
|
28
|
+
<Button>Default Button</Button>
|
|
29
|
+
<Button variant="primary">Primary Button</Button>
|
|
30
|
+
<Button variant="secondary">Secondary Button</Button>
|
|
31
|
+
<Button variant="accent">Accent Button</Button>
|
|
32
32
|
</div>
|
|
33
33
|
|
|
34
34
|
<div className="flex gap-2">
|
|
35
|
-
<Badge
|
|
36
|
-
<Badge variant="primary"
|
|
37
|
-
<Badge variant="secondary"
|
|
38
|
-
<Badge variant="accent"
|
|
35
|
+
<Badge>Default</Badge>
|
|
36
|
+
<Badge variant="primary">Primary</Badge>
|
|
37
|
+
<Badge variant="secondary">Secondary</Badge>
|
|
38
|
+
<Badge variant="accent">Accent</Badge>
|
|
39
39
|
</div>
|
|
40
40
|
</div>
|
|
41
41
|
);
|
|
@@ -44,30 +44,30 @@ function App() {
|
|
|
44
44
|
export default App;
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
###
|
|
47
|
+
### Available Components
|
|
48
48
|
|
|
49
|
-
- Button -
|
|
50
|
-
- Badge -
|
|
51
|
-
- Input -
|
|
52
|
-
- Label -
|
|
53
|
-
-
|
|
49
|
+
- Button - Button component
|
|
50
|
+
- Badge - Badge component
|
|
51
|
+
- Input - Input component
|
|
52
|
+
- Label - Label component
|
|
53
|
+
- More components coming soon...
|
|
54
54
|
|
|
55
|
-
##
|
|
55
|
+
## Development
|
|
56
56
|
|
|
57
57
|
```bash
|
|
58
|
-
#
|
|
59
|
-
|
|
58
|
+
# Install dependencies
|
|
59
|
+
pnpm install
|
|
60
60
|
|
|
61
|
-
#
|
|
62
|
-
|
|
61
|
+
# Start development server
|
|
62
|
+
pnpm run dev
|
|
63
63
|
|
|
64
|
-
#
|
|
65
|
-
|
|
64
|
+
# Build library
|
|
65
|
+
pnpm run build
|
|
66
66
|
|
|
67
|
-
#
|
|
68
|
-
|
|
67
|
+
# Publish to npm
|
|
68
|
+
pnpm run publish:npm
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
-
##
|
|
71
|
+
## License
|
|
72
72
|
|
|
73
73
|
ISC
|