Cursor
The cursor property in CSS controls what the mouse cursor will look like when it is located over the element in which this property is set. Obviously, it's only relevant in browsers/operating systems in which there is a mouse and cursor. They are used essentially for UX to convey the idea of certain functionality. So try not to break that affordance.
There are a bunch of Cursor we can get support from operating system
- auto
- default
- none
- context-menu
- help
- pointer
- progress
- wait
- cell
- crosshair
- text
- vertical-text
- alias
- copy
- move
- no-drop
- not-allowed
- all-scroll
- col-resize
- row-resize
- n-resize
- s-resize
- e-resize
- w-resize
- ns-resize
- ew-resize
- ne-resize
- nw-resize
- se-resize
- sw-resize
- nesw-resize
- nwse-resize
- color-picker
The Cursors of CSS Classes
We need to set jds-cursor-{Cursor Name} like you want to let people know this is dragable just ass a class into html domw jds-cursor-move
You can check by hovering each boxes bellow.
Custom Cursor
We have made a custom cursor ad a deafult with anign our JDS. Class class jds-cursor-custom
Here is our custom cursor view