# GenieChatInput

Auto-expanding textarea input with a send button for chat messages. Submits on Enter (Shift+Enter for newline).

## GenieChatInput[​](#geniechatinput-1 "Direct link to GenieChatInput")

Auto-expanding textarea input with a send button for chat messages. Submits on Enter (Shift+Enter for newline).

**Source:** [`packages/appkit-ui/src/react/genie/genie-chat-input.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/genie/genie-chat-input.tsx)

### Props[​](#props "Direct link to Props")

| Prop          | Type                        | Required | Default             | Description                                    |
| ------------- | --------------------------- | -------- | ------------------- | ---------------------------------------------- |
| `onSend`      | `(content: string) => void` | ✓        | -                   | Callback fired when the user submits a message |
| `disabled`    | `boolean`                   |          | `false`             | Disable the input and send button              |
| `placeholder` | `string`                    |          | `Ask a question...` | Placeholder text shown in the textarea         |
| `className`   | `string`                    |          | -                   | Additional CSS class for the container         |

### Usage[​](#usage "Direct link to Usage")

```tsx
import { GenieChatInput } from '@databricks/appkit-ui';

<GenieChatInput /* props */ />

```