Superinterface
Product
Pricing
Examples
Docs
Blog
GitHub
Discord
Book a demo
Sign in
Menu
Getting started
AI Provider Setup
OpenAI
Anthropic
Azure OpenAI
FAQ
Assistants
Create assistant
Functions
API Request
Client tool
Firecrawl
Multi-agents
Interfaces
Create interface
Interaction Modes
Realtime Voice Chat
Text-to-Speech Voice Chat
AI Builder
Publish interface
Components
Annotations
Concepts
Why Superinterface
How it works
API reference
React
Installation
Components
SuperinterfaceProvider
Thread
Thread.Root
Thread.Messages
Thread.MessageForm
Thread.Message
ThreadDialog
AudioThread
AudioThreadDialog
MarkdownProvider
Suggestions
Hooks
JavaScript
Thread.MessageForm
Use the
<Thread.MessageForm>
component to render new message input and a submit button.
app.tsx
import
{
SuperinterfaceProvider
,
Thread
,
}
from
'
@superinterface/react
'
export
const
App
=
(
)
=
>
(
<
SuperinterfaceProvider
>
<
Thread
.
Root
>
<
Thread
.
MessageForm
/>
</
Thread
.
Root
>
</
SuperinterfaceProvider
>
)
Status
Changelog
Terms of service
Privacy policy