Interactivity
Caret Color ​
Utilities for controlling the color of the text input cursor.
Note
If you are using the Warp input components (and you probably should use them for theming purposes) caret is already set as default.
Quick reference ​
| Class | Description |
|---|---|
caret | Unsupported |
caret-current | caret-color: currentColor |
caret-inherit | caret-color: inherit |
caret-transparent | caret-color: transparent |
Basic usage ​
Setting the caret color ​
Use the caret-{color} utilities to change the color of the text input cursor.
html
<textarea class="caret-current ..."></textarea>