Cursor

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.)

{% apply view_source %}
.cursor-pointer
{% end %}

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.

{% apply view_source %}
.cursor-default has no cursor .cursor-pointer has a cursor
{% end %}

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.

{% apply view_source %} This tooltip is from the rectangle Text hijacks mouse events from the rectangle behind This tooltip is from the text .pointer-events-none does not hijack click or hover {% end %}