---
url: /api/css/cursor.md
---
# CSS: cursor

`.--cursor-pointer` — `cursor` as a composable, global class — `.--cursor-<value>` — usable bare or chained onto any component (`.instui-button.--cursor-pointer`).

**Source:** [index.ts](https://github.com/thedannywahl/pantoken/blob/main/formats/components/src/utilities/cursor/index.ts)

## Usage

```css
@import "@pantoken/components/utilities.css";
```

## Examples

```html
<div class="--cursor-pointer">…</div>
```

## Modifiers

| Modifier | Description |
| --- | --- |
| `.--cursor-auto` | cursor: auto. |
| `.--cursor-default` | cursor: default. |
| `.--cursor-grab` | cursor: grab. |
| `.--cursor-move` | cursor: move. |
| `.--cursor-not-allowed` | cursor: not-allowed. |
| `.--cursor-pointer` | cursor: pointer. |
| `.--cursor-text` | cursor: text. |
| `.--cursor-wait` | cursor: wait. |