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 Cursor