File tree Expand file tree Collapse file tree 1 file changed +3
-0
lines changed Expand file tree Collapse file tree 1 file changed +3
-0
lines changed Original file line number Diff line number Diff line change @@ -48,6 +48,7 @@ const calcThumbStyle = (
48
48
} ;
49
49
50
50
if ( vertical ) {
51
+ // Adjusts positioning and size for vertical layout by setting horizontal properties to 0 and using vertical properties from the style object.
51
52
return {
52
53
left : 0 ,
53
54
right : 0 ,
@@ -141,6 +142,7 @@ export default function MotionThumb(props: MotionThumbInterface) {
141
142
142
143
// =========================== Motion ===========================
143
144
const onAppearStart = ( ) =>
145
+ // Returns initial transform and size styles for the thumb based on the layout orientation (vertical or horizontal).
144
146
vertical
145
147
? {
146
148
transform : 'translateY(var(--thumb-start-top))' ,
@@ -152,6 +154,7 @@ export default function MotionThumb(props: MotionThumbInterface) {
152
154
} ;
153
155
154
156
const onAppearActive = ( ) =>
157
+ // Returns active transform and size styles for the thumb based on the layout orientation (vertical or horizontal).
155
158
vertical
156
159
? {
157
160
transform : 'translateY(var(--thumb-active-top))' ,
You can’t perform that action at this time.
0 commit comments