Draw in the interface with a mod changedplugins/mods/interface
Nearest release: v2.1.311, published an hour before upstream edited the page. Shown because the two are within 24 hours of each other. Nothing here says the release caused the edit.
Upstream edited this page at 26 Oct 2026 21:28 UTC, give or take a minute or two: the time comes from Anthropic’s own sitemap rather than from a commit. This site recorded the change at 26 Oct 2026 21:37 UTC.
Upstream edited
Recorded here
Lines+8added
Lines−4removed
From line
417
where the diff opens
First seen
1 Oct 2026
this site's first read of the page
Recorded edits27to this page, all time
The whole hunk
from line 417, old and new numbered
/
from line 417
417417Note: Type a note and press Enter
418418```
419419
420Add `rows` to let the field hold several lines. Enter still submits, and a backslash before Enter starts a new line, as does Shift+Enter where [the terminal supports it](https://code.claude.com/docs/en/terminal-config.md#enter-multiline-prompts). The gallery shows [a field with `rows`](https://code.claude.com/docs/en/plugins/mods/gallery#input).
421
420422The [interface gallery](https://code.claude.com/docs/en/plugins/mods/gallery.md) has samples and screenshots of most elements. This table lists every element:
421423
422424| Element | What it draws | Where |
from line 434
432434
433435If your module is a `.tsx` or `.jsx` file, you can write the tree as JSX. Destructure the elements from `$.ui.resolve(e)` first.
434436
435If a tree uses an element the app doesn't have, a prop an element doesn't take, or a child where none goes, Claude Code draws its own version of the site.
437If your drawing doesn't show up, check its tree for a prop an element doesn't take or a child where none goes. A hook that returns such a tree [fails](https://code.claude.com/docs/en/plugins/mods/events.md#handle-a-hook-that-fails), and a [`hook skipped` line](https://code.claude.com/docs/en/plugins/mods/troubleshoot#a-pane-or-band-is-empty) names your mod and the rule the tree broke. For a `Text` in a pane with a prop named `bogusProp`, that line reads:
436438
437In a session started with `--plugin-dir`, a transcript line says so, such as `ui.render (Pane) refused: Text prop "bogusProp" is not allowed; the engine drew its own`. The [debug log](https://code.claude.com/docs/en/plugins/mods/troubleshoot.md#read-the-debug-log) records it as `ui.render (Pane): a hook returned a tree that does not validate` with the same reason. Nothing else appears in the session, so when a drawing doesn't show up, check that line or the log.
439```text theme={null}
440my-mod: ui.render hook skipped: returned the wrong shape (a tree Pane refuses: Text prop "bogusProp" is not allowed)
441```
438442
439443### `Link` in the Desktop app and VS Code
440444
from line 542
538542| Key | What it does |
539543| :- | :- |
540544| Tab | Moves to the next control |
541| Up and Down | Move between controls while your drawing fits. When the pane or band has more rows than it can show, they scroll it. |
545| Up and Down | Move between controls while your drawing fits. When the pane or band has more rows than it can show, they scroll it. In an `Input`, they [move between the field's rows](https://code.claude.com/docs/en/plugins/mods/gallery.md#input) first. |
542546| Enter | Presses the focused `Button`, submits the focused `Input`, or picks in a `Select` |
543547| A button's hotkey | Presses that button. While an `Input` has the focus, every printable key goes to the field. |
544548| Page Up, Page Down, Home, and End | Scroll your pane or band when it has more rows than it can show |
No line in this hunk matches that.