saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/AI Chat Input

AI Chat Input

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

Loading...

Installation

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

Usage

import { AIChatInput } from "@/components/ui/ai-chat-input"
<AIChatInput onSend={handleSend} />

Examples

Model Selector

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

Compact Chat

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

API Reference

PropTypeDefaultDescription
onSend(message: string) => void—Send message handler.
placeholderstring—Input placeholder.
disabledboolean—Disable input.

On This Page

  • Installation
  • Usage
  • Examples
  • Model Selector
  • Compact Chat
  • API Reference

How can I help you today?

GPT-5MAX
Auto