Plugins

Indicator

Displays tooltips, hints or any status indicators near the cursor.

IndicatorPlugin

The IndicatorPlugin allows you to show contextual information by placing a floating element alongside the cursor.

Demo

Options

Prop

Type

Usage

import { Cursor, IndicatorPlugin } from 'cursor.js';

const cursor = new Cursor();
const indicator = new IndicatorPlugin();

cursor.use(indicator);

// Update indicator state whenever needed
indicator.update({
  text: 'Waiting for network...',
  color: 'blue',
});

// Remove or hide the indicator
indicator.hide();

On this page