AI product
Chat message
Available forNativeWeb
one turn · user = bubble on the right, assistant = plain text on the left
Usage
Assistant turns are documents, not bubbles: long answers stay readable. A string child is wrapped in Text for you.
API
<ChatMessage role="user|assistant" initials?>{content}</ChatMessage>Get it
Already in every copy of the native kit:
import { ChatMessage } from '@/components/kit/chat-message';Details
- Exports
ChatMessage- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/avatar, @kit-native/icon, @kit-native/lib-utils, @kit-native/text
- Also searched as
- chat, conversation, turn
- Registry JSON
- /r/native/chat-message.json
Usage
Assistant turns are documents, not bubbles: long answers stay readable.
API
<ChatMessage role="user|assistant" initials?>{content}</ChatMessage>Get it
Already in every copy of the web kit:
import { ChatMessage } from '@/components/kit/chat-message';Details
- Exports
ChatMessage- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Installs with
- avatar
- Also searched as
- chat, conversation, turn
- Registry JSON
- /r/web/chat-message.json
Agents: the whole registry is at /llms.txt.