PromptInputSubmit
The submit button. Renders 4 distinct icons and color treatments based on the parent's state. Clicking calls parent.submit() which delegates to submitted / canceled / retried per state.
Basic usage
html
<prompt-input>
<prompt-input-textarea />
<prompt-input-toolbar>
<prompt-input-submit />
</prompt-input-toolbar>
</prompt-input>Visual states
| Name | Type | Description |
|---|---|---|
| ready | state | Primary background, arrow icon. Click submits. |
| submitted | state | Muted background, spinning ring. Click is no-op (button disabled). |
| streaming | state | Destructive/10 background, stop square icon. Click cancels. |
| error | state | Destructive background, alert icon. Click retries. |
API — Inputs
| Name | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | false | Disable independently of parent. |
Accessibility
aria-labelupdates per state: "Send message" / "Submitting" / "Stop generating" / "Retry"aria-busy="true"duringsubmittedandstreamingdata-stateattribute exposes current state for CSS targeting- Disabled when parent is disabled OR when value is empty in
readystate - Focus ring respects
--ringtoken