525

Chat

Components for creating live chats.

Installation

Usage

Composition

Use the following composition to build a chat:

Acknowledgements

This component takes inspiration from jakobhoeg/shadcn-chat.

API Reference

Chat.

List

The root container for chat messages.

PropTypeDefault
ref? $bindable
HTMLDivElement null
children?
Snippet -
Chat.

Bubble

A chat bubble.

PropTypeDefault
ref? $bindable
HTMLDivElement null
children?
Snippet -
variant
enum -
Chat.

BubbleMessage

The message content within a chat bubble.

PropTypeDefault
ref? $bindable
HTMLDivElement null
children?
Snippet -
typing?
boolean false
Chat.

BubbleAvatar

The avatar shown next to a chat bubble, inherits all Avatar.Root props.

Chat.

BubbleAvatarImage

Avatar image inside `BubbleAvatar` (re-export of `Avatar.Image`).

Chat.

BubbleAvatarFallback

Avatar fallback inside `BubbleAvatar` (re-export of `Avatar.Fallback`).