Skip to content
Spiral
/
/
Give feedback
Message
Message are used to communicate contextual information within a conversion or system interaction.
Chat input
Show code
Message receive
Aryan Roy
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
Aryan Roy
spiral-ui.fig
120 KB of 120 KB
Aryan Roy
0:32
1x
Aryan Roy
Aryan Roy
Kay Finley
The guide provides strategies for building a successful B2B SaaS company.
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
Show code
Message sent
You
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
You
spiral-ui.fig
120 KB of 120 KB
You
0:32
1x
You
You
Kay Finley
The guide provides strategies for building a successful B2B SaaS company.
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
Show code
Message status
You
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
Delivered
Yesterday
You
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
Read
Yesterday
You
Making money while you sleep involves setting up passive income streams that generate revenue with minimal ongoing effort.
Failed to send
Show code
API References
Message
Prop
Type
Default
direction
"receive"
"sent"
"receive"
type
"text"
"file"
"image"
"voice"
"text"
avatarSrc
string
—
name
string
"You" (sent) / ""
showReactions
boolean
false
status
"delivered"
"read"
"error"
—
time
ReactNode
—
Chat input
Prop
Type
Default
style
"inline"
"stacked"
"inline"
value / onChange
string
—
onSend
() => void
—
showAttach / showCamera / showSticker
boolean
true
placeholder
string
"Message"
