gridland
Interaction

Cursor Highlight

Highlight the terminal cell under the mouse cursor

Cursor highlight adds a visual overlay on the cell under the mouse cursor. Enable it on the root TUI component.

Cursor Highlight
?

Usage

app.tsx
<TUI cursorHighlight cursorHighlightColor="#8888ff" cursorHighlightOpacity={0.2}>
  <box border>
    <text>Move the mouse over cells to see the highlight</text>
  </box>
</TUI>

Props

PropTypeDefaultDescription
cursorHighlightbooleanfalseEnable cell highlighting
cursorHighlightColorstringgrayCSS color for highlight
cursorHighlightOpacitynumber0.15Opacity of highlight

Pointer Events

Mouse and click handling on Gridland intrinsic elements

Ascii

ASCII art text rendering with multiple font styles

On this page

Usage
Props
Related