Caret Color

Set text input caret color

Syntax

visual="caret:[color]/[opacity]"

Examples

<input visual="caret:primary">

Preview

Caret Color

visual="caret:primary" - Style the text cursor in input fields

View Code

<div space="p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <input type="text" placeholder="Type here..." space="p:small" visual="caret:primary border:neutral-300 rounded:small">
</div>

Arbitrary Values

Supports custom values using bracket syntax:

<div visual="caret:[custom-value]">Custom</div>