Chat Input
inputsMessage input bar with send button, emoji picker, and attachment support.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { ChatInput } from "@launchapp/design-system";Examples
Basic chat input
<ChatInput placeholder="Message #general" onSend={(msg) => console.log("sent:", msg)}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
onSend | (message: string) => void | — | Called when the message is sent. |
placeholder | string | "Type a message..." | Input placeholder text. |
disabled | boolean | false | Disables the input and send button. |