Components

Chat

Chat — a single message in a conversation: an optional avatar, a header line, the message bubble, and a footer line. Use it to build message threads (guest messaging, support chat, front-desk handoffs) one entry at a time. Set `side` to place the message — `start` for the other person on the left, `end` for the current user on the right — and add a `tone` to tint the bubble when a message needs emphasis (a confirmation in `success`, an alert in `error`). Pass `header` for the sender and time, `footer` for a receipt, and `avatar` for the speaker's image; keep the bubble content to the message itself.