Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.
This is a default bubble.
This is a secondary bubble.
This is a outline bubble.
This is a destructive bubble.
Installation
Every component ships in @astrawind/ui. If you haven't set it up, follow the installation guide, then import the component:
npx expo install @astrawind/ui @astrawind/css lucide-react-native react-native-svg
Usage
import { Bubble, BubbleContent, BubbleReactions } from "@astrawind/ui/bubble"
See the Code tab above for a complete example.