Back to docs
Component
Chat Bubble
Chat message bubble with sender variants and timestamp.
Install
npx shadcn@latest add @native-bits/chat-bubbleDependencies
react-native-reanimated
data-displaymessagingmobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| sender | 'self' | 'bot' | 'other' | - | Message owner |
| message | string | - | Message text |
| time | string | - | Timestamp label |
Usage
```tsx
import { chat-bubble } from '@/components/native-bits/chat-bubble'
<ChatBubble sender="bot" message="Your ride arrives in 3 min" time="09:42" />
```Source code
Loading...