Chat composer

Usage

Pass onAttach only when the assistant can use files; it returns the files to attach (mock ones in a prototype). Files can be reviewed and removed before sending.

API

<ChatComposer onSend={(text, files) => …} busy? onStop? placeholder? onAttach? maxFiles? />

Get it

import { ChatComposer } from '@/components/kit/chat-composer';

Details

Exports

ChatComposer

Source

apps/mobile/components/kit/chat-composer.tsx

Packages

lucide-react-native@^1.21.0

Installs with

@kit-native/attachment-chip, @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-utils, @kit-native/text

Also searched as

prompt, input, message box, attachments, upload, file

Registry JSON

/r/native/chat-composer.json

Usage

Turn on accept only when the assistant can use files; say which kinds (“image/*,.pdf”). Files can be reviewed and removed before sending.

API

<ChatComposer onSend={(text, files) => …} busy? onStop? placeholder? accept? maxFiles? />

Get it

import { ChatComposer } from '@/components/kit/chat-composer';

Details

Exports

ChatComposer

Source

apps/web/components/kit/chat-composer.tsx

Packages

cn@^0.4.0, lucide-react@^1.52.0

Installs with

@kit/attachment-chip, @kit/button, textarea

Also searched as

prompt, input, message box, attachments, upload, file

Registry JSON

/r/web/chat-composer.json