meticulous-ui 1.0.3 â 1.0.4
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 +13 -13
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -7,25 +7,29 @@ A lightweight, modern React component library designed for elegance and precisio
|
|
|
7
7
|
## đ Installation
|
|
8
8
|
|
|
9
9
|
```
|
|
10
|
-
|
|
11
10
|
npm install meticulous-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
12
13
|
# or
|
|
13
|
-
yarn add meticulous-ui
|
|
14
14
|
|
|
15
|
+
```
|
|
16
|
+
yarn add meticulous-ui
|
|
15
17
|
```
|
|
16
18
|
|
|
17
19
|
## 𧊠Usage
|
|
18
20
|
|
|
19
21
|
```jsx
|
|
20
22
|
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
+
import { useState } from "react";
|
|
24
|
+
import Pagination from "meticulous-ui/components/Pagination";
|
|
23
25
|
|
|
24
26
|
function App() {
|
|
27
|
+
const [pageNumber, setPageNumber] = useState(1);
|
|
28
|
+
|
|
25
29
|
return (
|
|
26
30
|
<div>
|
|
27
31
|
<h2>Example with Pagination</h2>
|
|
28
|
-
<Pagination totalPages={10}
|
|
32
|
+
<Pagination totalPages={10} pageNumber={pageNumber} setPageNumber={setPageNumber} />
|
|
29
33
|
</div>
|
|
30
34
|
);
|
|
31
35
|
}
|
|
@@ -36,27 +40,23 @@ export default App;
|
|
|
36
40
|
|
|
37
41
|
## đĻ Components
|
|
38
42
|
|
|
39
|
-
```
|
|
40
|
-
|
|
41
43
|
| Component | Description |
|
|
42
44
|
| -------------- | ------------------------------------- |
|
|
43
45
|
| `Pagination` | Fully responsive pagination component |
|
|
44
46
|
| `ChevronLeft` | Left navigation icon |
|
|
45
47
|
| `ChevronRight` | Right navigation icon |
|
|
46
48
|
|
|
47
|
-
```
|
|
48
|
-
|
|
49
49
|
## đą Features
|
|
50
50
|
|
|
51
|
-
```
|
|
52
|
-
|
|
53
51
|
âī¸ Built with React + Styled Components
|
|
52
|
+
|
|
54
53
|
đ¨ Zero external CSS dependencies
|
|
54
|
+
|
|
55
55
|
𧹠Easy to extend and customize
|
|
56
|
+
|
|
56
57
|
đĒļ Small bundle size
|
|
57
|
-
đĻ ESM + CJS support out of the box
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
đĻ ESM + CJS support out of the box
|
|
60
60
|
|
|
61
61
|
## đ ī¸ Build Setup (for contributors)
|
|
62
62
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "meticulous-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -20,8 +20,10 @@
|
|
|
20
20
|
"meticulous-ui"
|
|
21
21
|
],
|
|
22
22
|
"scripts": {
|
|
23
|
+
"dev": "vite",
|
|
23
24
|
"build": "vite build",
|
|
24
|
-
"format": "npx prettier --write ."
|
|
25
|
+
"format": "npx prettier --write .",
|
|
26
|
+
"publish:latest": "npm run build && npm publish --access public"
|
|
25
27
|
},
|
|
26
28
|
"dependencies": {
|
|
27
29
|
"@vitejs/plugin-react": "^5.0.4",
|