Superinterface logo
Superinterface
ProductPricingExamplesDocsBlog
GitHub
Discord
Book a demoSign in
Getting started
AI Provider Setup
FAQ
Assistants
Create assistant
Functions
Interfaces
Create interface
Interaction Modes
AI Builder
Publish interface
Components
Annotations
Concepts
Why Superinterface
How it works
Tasks
Overview
API reference
React
Installation
Components
SuperinterfaceProvider
Thread
Thread.Root
Thread.Messages
Thread.MessageForm
Thread.MessageForm.Field
Thread.MessageForm.Submit
ThreadDialog
AudioThread
AudioThreadDialog
MarkdownProvider
Suggestions
AssistantProvider
ComponentsProvider
Avatar
SourceAnnotation
Hooks
Contexts
Utils
Server
JavaScript
REST

Thread.MessageForm

Form for composing and sending a new message.
app.tsx
import { Thread } from '@superinterface/react' export const App = () => ( <Thread.MessageForm> <Thread.MessageForm.Field /> <Thread.MessageForm.Submit /> </Thread.MessageForm> )

Subcomponents

Thread.MessageForm.FieldRender the text input and file attachments
Thread.MessageForm.SubmitSubmit button controls