npx shadcn@latest add "https://www.terminal-kit.com/r/input.json"| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Controlled input value. |
| defaultValue | string | "" | Initial value when uncontrolled. |
| onValueChange | (value: string) => void | — | Called when the input value changes. |
| onSubmit | (value: string) => void | — | Called on Enter without Shift. |
| prompt | string | — | Prompt symbol before the field. Defaults to "❯". |
| status | ReactNode | — | Inline right metadata on grok compact layout; shown in the default composer meta tray (with metaRight) or Claude stacked footer when metaRight is omitted. |
| metaLeft | ReactNode | — | Footer hint on the left — default composer and Claude stacked layouts. |
| metaRight | ReactNode | — | Footer hint on the right — default composer and Claude stacked layouts. |
| placeholder | string | — | Placeholder text when empty. |
| disabled | boolean | false | Disable input interaction. |
| showCursor | boolean | false | Keep the blinking cursor visible even when unfocused. |
| layout | "auto" | "inline" | "stacked" | "auto" | auto — composer with footer meta on default, inline box on grok, stacked lines on Claude. inline keeps the bordered box with status on the right. |
| className | string | — | Additional CSS classes. |
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | "max" | Level label beside the icon. |