Cursor

Quickly change the cursor property with our cursor utilities

How it works

Change the value of the cursor property with our cursor utilities.

Supported classes:

  • .cursor--auto
  • .cursor--default
  • .cursor--pointer

Examples

cursor--default

cursor--pointer
<p><a href="#" class="cursor--default">cursor--default</a></p>
<div class="cursor--pointer">cursor--pointer</div>

Some features in this style guide may not work as expected because they are not supported by the browser version you are using.

For the best experience, we recommend upgrading to a newer browser such as Microsoft Edge, Mozilla Firefox, or Google Chrome.