No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Cursor

Displaying a specific cursor

Utilities for controlling the cursor style when hovering over an element.

Use these utilities wisely, and only when you have to. Do not change element native cursor.
ClassExplanationQuick look
cursor-defaultDisplay a default cursor when hovering over an element.hover me
cursor-helpDisplay a help cursor when hovering over an element.hover me
cursor-waitDisplay a wait cursor when hovering over an element.hover me
cursor-grabDisplay a grab cursor when hovering over an element.hover me
cursor-row-resizeDisplay a row-resize cursor when hovering over an element.hover me
cursor-col-resizeDisplay a col-resize cursor when hovering over an element.hover me
cursor-pointerDisplay a pointer cursor when hovering over an element.hover me
cursor-moveDisplay a move cursor when hovering over an element.hover me
cursor-textDisplay a text cursor when hovering over an element.hover me
cursor-inheritUse the cursor value inherited from its parent container when hovering over an element.hover me

Example

Set this element to display a grab cursor when hovering over it.

<div className="cursor-grab">Lorem ipsum dolor sit amet</div>