The .cursor-pointer
class sets the cursor: pointer
style. This helps users when you make a non-clickable element clickable (e.g.
svg, span). (But prefer the a
tag instead.)
The .cursor-default
class sets the cursor: default
style. This helps when you make clickable elements non-clickable -- e.g. a
non-clickable chart inside a card that hyperlinks to another page.
The .pointer-events-none
class sets the pointer-events:
none
style. For example, this helps make SVG text ignore click events
while rectangles respond to the events.