Color
CSS utility classes to apply colors to border, elements, svgs and text.
Class names
Background colors
| Class | Description |
|---|---|
| cursor-pointer | cursor: pointer; |
| cursor-text | cursor: text; |
| cursor-crosshair | cursor: crosshair; |
| cursor-wait | cursor: wait; |
| cursor-not-allowed | cursor: not-allowed; |
| cursor-grab | cursor: grab; |
| cursor-grabbing | cursor: grabbing; |
| cursor-none | cursor: none; |
Examples
html
<div class="cursor-pointer bg-primary text-primary-foreground">Pointer</div>
<div class="cursor-text bg-primary text-primary-foreground">Text</div>
<div class="cursor-crosshair bg-primary text-primary-foreground">Crosshair</div>
<div class="cursor-wait bg-primary text-primary-foreground">Wait</div>
<div class="cursor-not-allowed bg-primary text-primary-foreground">Not-allowed</div>
<div class="cursor-grab bg-primary text-primary-foreground">Grab</div>
<div class="cursor-grabbing bg-primary text-primary-foreground">Grabbing</div>
<div class="cursor-none bg-primary text-primary-foreground">None</div>