Chatbot
Message
Container for chat messages with branch selection, response rendering, and action toolbar.
How do I center a div in CSS?
The most reliable modern approach is Flexbox. Apply these three properties to the parent container:
display: flex; align-items: center; justify-content: center;For CSS Grid, you can use a single property: place-items: center on the grid container.Props
| Prop | Type | Default | Description |
|---|---|---|---|
| from | "user" | "assistant" | - | Message origin role |
| className | string | - | Additional CSS classes |
| defaultBranch | number | 0 | Initial branch index |
| onBranchChange | (branchIndex: number) => void | - | Branch change callback |
Import
import { Message, MessageContent, MessageActions, MessageAction, MessageResponse } from '@blastx/ui-ai';