AI Chat Input

A collection of AI chat input components with various features like model selection, file attachments, and voice input.

Installation

pnpm dlx shadcn@latest add @saturation/ai-chat-input

import { AIChatInput } from "@/components/ui/ai-chat-input"

<AIChatInput onSend={handleSend} />

Chat input with model selection, suggested prompts, and file attachments.

Compact chat input with model, agent, and performance settings.

Prop	Type	Default	Description
`onSend`	`(message: string) => void`	—	Send message handler.
`placeholder`	`string`	—	Input placeholder.
`disabled`	`boolean`	—	Disable input.

On This Page