react-sticky-canvas 0.1.0 → 0.1.2
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 +7 -2
- package/package.json +18 -2
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ import { StickyCanvas } from 'react-sticky-canvas';
|
|
|
29
29
|
const notes = [
|
|
30
30
|
{
|
|
31
31
|
id: 'note-1',
|
|
32
|
-
text: '
|
|
32
|
+
text: 'golecodes',
|
|
33
33
|
color: 'yellow',
|
|
34
34
|
initialX: 100,
|
|
35
35
|
initialY: 100,
|
|
@@ -97,7 +97,7 @@ function CustomApp() {
|
|
|
97
97
|
| `id` | `string` | **Required** | Unique identifier for the note (used for localStorage). |
|
|
98
98
|
| `text` | `string` | `undefined` | Simple text content. |
|
|
99
99
|
| `content` | `ReactNode` | `undefined` | Custom JSX content (overrides text). |
|
|
100
|
-
| `color` | `StickyNoteColor` | `'yellow'` | Note background color. |
|
|
100
|
+
| `color` | `StickyNoteColor` | `'yellow'` | Note background color. Available: `yellow`, `green`, `pink`, `blue`, `purple`, `orange`. You can also pass any custom CSS color (hex, rgb, etc). |
|
|
101
101
|
| `initialX` | `number` | **Required** | Starting X position. |
|
|
102
102
|
| `initialY` | `number` | **Required** | Starting Y position. |
|
|
103
103
|
| `initialRotation` | `number` | `0` | Starting rotation in degrees. |
|
|
@@ -106,6 +106,11 @@ function CustomApp() {
|
|
|
106
106
|
| `locked` | `boolean` | `false` | If true, the note cannot be dragged. |
|
|
107
107
|
| `showDebug` | `boolean` | `false` | Show debug info for this specific note. |
|
|
108
108
|
|
|
109
|
+
## Credits
|
|
110
|
+
|
|
111
|
+
Created with ❤️ by [Manish Tamang](https://manishtamang.com)
|
|
112
|
+
(golecodes)
|
|
113
|
+
|
|
109
114
|
## License
|
|
110
115
|
|
|
111
116
|
MIT
|
package/package.json
CHANGED
|
@@ -1,7 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-sticky-canvas",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Draggable minimal sticky notes for React",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react",
|
|
7
|
+
"react-component",
|
|
8
|
+
"sticky-notes",
|
|
9
|
+
"draggable",
|
|
10
|
+
"drag-and-drop",
|
|
11
|
+
"canvas",
|
|
12
|
+
"whiteboard",
|
|
13
|
+
"notes",
|
|
14
|
+
"ui",
|
|
15
|
+
"framer-motion",
|
|
16
|
+
"motion",
|
|
17
|
+
"nextjs"
|
|
18
|
+
],
|
|
19
|
+
"author": "Manish Tamang",
|
|
20
|
+
"license": "MIT",
|
|
5
21
|
"main": "dist/index.cjs",
|
|
6
22
|
"module": "dist/index.js",
|
|
7
23
|
"types": "dist/index.d.ts",
|
|
@@ -26,4 +42,4 @@
|
|
|
26
42
|
"publish:npm": "npm publish",
|
|
27
43
|
"dev": "tsup --watch"
|
|
28
44
|
}
|
|
29
|
-
}
|
|
45
|
+
}
|