> ## Documentation Index
> Fetch the complete documentation index at: https://hyprcode.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvas Components

> React elements mapped to native OpenTUI nodes

Hypr structures layout canvas properties using lowercase intrinsic elements reconciled by `@opentui/react`:

### Key Components

* **`<box>`**: Manages flexbox dimensions, alignment configurations, and flat background fills.
* **`<text>`**: Renders plain text and accepts styling modifiers.
* **`<input>`**: A single-line interactive text box that catches keyboard entry when focused.