@ncdai/react-wheel-picker 1.2.0 → 1.2.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 +51 -30
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
# React Wheel Picker
|
|
2
2
|
|
|
3
|
+
Backed by [▲Vercel OSS Program](https://vercel.com/blog/summer-2025-oss-program#react-wheel-picker)
|
|
4
|
+
|
|
3
5
|
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
|
|
4
6
|
|
|
5
|
-
-
|
|
6
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
7
|
+
- Natural touch scrolling with smooth inertia effect
|
|
8
|
+
- Mouse drag and scroll support for desktop
|
|
9
|
+
- Infinite loop scrolling
|
|
10
|
+
- Unstyled components for complete style customization
|
|
11
|
+
- Full keyboard navigation and type-ahead search
|
|
12
|
+
- Easy installation via shadcn CLI
|
|
11
13
|
|
|
12
14
|
→ Check out the live demo: https://react-wheel-picker.chanhdai.com
|
|
13
15
|
|
|
@@ -25,16 +27,37 @@ This project is proudly supported by:
|
|
|
25
27
|
|
|
26
28
|
<table>
|
|
27
29
|
<tbody>
|
|
30
|
+
<tr>
|
|
31
|
+
<td colspan="3"><strong>Open Source Program</strong></td>
|
|
32
|
+
</tr>
|
|
28
33
|
<tr>
|
|
29
34
|
<td>
|
|
30
|
-
<a href="https://vercel.com/blog/summer-2025-oss-program
|
|
35
|
+
<a href="https://vercel.com/blog/summer-2025-oss-program#react-wheel-picker">
|
|
31
36
|
<img
|
|
32
37
|
src="https://assets.chanhdai.com/images/sponsors/vercel-oss-program-2025.svg?v=2"
|
|
33
38
|
alt="Vercel OSS Program"
|
|
34
39
|
/>
|
|
35
40
|
</a>
|
|
36
41
|
</td>
|
|
37
|
-
<td
|
|
42
|
+
<td>
|
|
43
|
+
<a href="https://openpanel.dev?utm_source=react-wheel-picker">
|
|
44
|
+
<img
|
|
45
|
+
src="https://assets.chanhdai.com/images/sponsors/openpanel.svg?v=1"
|
|
46
|
+
alt="OpenPanel"
|
|
47
|
+
/>
|
|
48
|
+
</a>
|
|
49
|
+
</td>
|
|
50
|
+
<td>
|
|
51
|
+
<a href="https://www.mintlify.com?utm_source=react-wheel-picker">
|
|
52
|
+
<img
|
|
53
|
+
src="https://assets.chanhdai.com/images/sponsors/mintlify.svg?v=1"
|
|
54
|
+
alt="Mintlify"
|
|
55
|
+
/>
|
|
56
|
+
</a>
|
|
57
|
+
</td>
|
|
58
|
+
</tr>
|
|
59
|
+
<tr>
|
|
60
|
+
<td colspan="3"><strong>Gold Sponsors</strong></td>
|
|
38
61
|
</tr>
|
|
39
62
|
<tr>
|
|
40
63
|
<td>
|
|
@@ -50,26 +73,28 @@ This project is proudly supported by:
|
|
|
50
73
|
/>
|
|
51
74
|
</a>
|
|
52
75
|
</td>
|
|
76
|
+
<td></td>
|
|
77
|
+
</tr>
|
|
78
|
+
<tr>
|
|
79
|
+
<td colspan="3"><strong>Silver Sponsors</strong></td>
|
|
53
80
|
</tr>
|
|
54
81
|
<tr>
|
|
55
82
|
<td>
|
|
56
|
-
<a href="https://
|
|
83
|
+
<a href="https://shadcncraft.com?utm_source=react-wheel-picker">
|
|
57
84
|
<img
|
|
58
|
-
src="https://assets.chanhdai.com/images/sponsors/
|
|
59
|
-
alt="
|
|
85
|
+
src="https://assets.chanhdai.com/images/sponsors/shadcncraft.svg?v=2"
|
|
86
|
+
alt="shadcncraft"
|
|
60
87
|
/>
|
|
61
88
|
</a>
|
|
62
89
|
</td>
|
|
63
90
|
<td>
|
|
64
|
-
<a href="https://
|
|
91
|
+
<a href="https://www.shadcnblocks.com?utm_source=react-wheel-picker">
|
|
65
92
|
<img
|
|
66
|
-
src="https://assets.chanhdai.com/images/sponsors/
|
|
67
|
-
alt="
|
|
93
|
+
src="https://assets.chanhdai.com/images/sponsors/shadcnblocks.svg?v=1"
|
|
94
|
+
alt="Shadcnblocks"
|
|
68
95
|
/>
|
|
69
96
|
</a>
|
|
70
97
|
</td>
|
|
71
|
-
</tr>
|
|
72
|
-
<tr>
|
|
73
98
|
<td>
|
|
74
99
|
<a href="https://reactbits.dev?utm_source=react-wheel-picker">
|
|
75
100
|
<img
|
|
@@ -78,32 +103,28 @@ This project is proudly supported by:
|
|
|
78
103
|
/>
|
|
79
104
|
</a>
|
|
80
105
|
</td>
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
src="https://assets.chanhdai.com/images/sponsors/mintlify.svg?v=1"
|
|
85
|
-
alt="Mintlify"
|
|
86
|
-
/>
|
|
87
|
-
</a>
|
|
88
|
-
</td>
|
|
106
|
+
</tr>
|
|
107
|
+
<tr>
|
|
108
|
+
<td colspan="3"><strong>Spark Supporters</strong></td>
|
|
89
109
|
</tr>
|
|
90
110
|
<tr>
|
|
91
111
|
<td>
|
|
92
|
-
<a href="https://
|
|
112
|
+
<a href="https://uirules.com?utm_source=react-wheel-picker">
|
|
93
113
|
<img
|
|
94
|
-
src="https://assets.chanhdai.com/images/sponsors/
|
|
95
|
-
alt="
|
|
114
|
+
src="https://assets.chanhdai.com/images/sponsors/uirules.svg?v=1"
|
|
115
|
+
alt="UI Rules"
|
|
96
116
|
/>
|
|
97
117
|
</a>
|
|
98
118
|
</td>
|
|
99
119
|
<td>
|
|
100
|
-
<a href="https://
|
|
120
|
+
<a href="https://shoogle.dev?utm_source=react-wheel-picker">
|
|
101
121
|
<img
|
|
102
|
-
src="https://assets.chanhdai.com/images/sponsors/
|
|
103
|
-
alt="
|
|
122
|
+
src="https://assets.chanhdai.com/images/sponsors/shoogle.svg?v=1"
|
|
123
|
+
alt="Shoogle"
|
|
104
124
|
/>
|
|
105
125
|
</a>
|
|
106
126
|
</td>
|
|
127
|
+
<td></td>
|
|
107
128
|
</tr>
|
|
108
129
|
</tbody>
|
|
109
130
|
</table>
|