MessageInput

Multi-line message composer.

import { MessageInput } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

<MessageInput isStreaming />

<MessageInput disabled />

Prop	Type	Default	Description
`onSend`	`(message: string, attachments?: FileAttachment[]) => void`	—	—
`onInterrupt`	`() => void`	—	—
`placeholder`	`string`	—	—
`disabled`	`boolean`	—	—
`isStreaming`	`boolean`	—	—
`class`	`string`	—	—
`maxLength`	`number`	—	—
`showCharCount`	`boolean`	—	—
`enableAttachments`	`boolean`	—	—
`acceptedFileTypes`	`string[]`	—	—
`maxFileSize`	`number`	—	—
`maxFiles`	`number`	—	—
`onFileError`	`(error: string) => void`	—	—
`slashCommands`	`SlashCommand[]`	—	—
`onSlashCommand`	`(command: SlashCommand) => void`	—	—
`mentions`	`MentionItem[]`	—	—
`messageHistory`	`string[]`	—	—
`enableVoice`	`boolean`	—	—
`enableMarkdownToolbar`	`boolean`	—	—
`showShortcutHints`	`boolean`	—	—

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.